设为首页收藏本站

切换到宽版

博客BBS

十三博客»博客 › 学习园地 › Css3相关 › CSS3选择器：nth-of-type 和 nth-last-of-type

返回列表发新帖

查看: 1338|回复: 0

CSS3选择器：nth-of-type 和 nth-last-of-type

581 主题	110 回帖	4066 积分

积分: 4066

发消息

发表于 2015-12-30 18:26:51 | 显示全部楼层 |阅读模式

nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素.

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>CSS3选择器：nth-of-type 和 nth-last-of-type</title>
<style>
h2:nth-of-type(odd) {
background-color: yellow;
}
h2:nth-of-type(even) {
background-color: blue;
}
</style>
</head>
<body>
<h2>文章标题</h2>
<p>文章正文</p>
<h2>文章标题</h2>
<p>文章正文</p>
<h2>文章标题</h2>
<p>文章正文</p>
<h2>文章标题</h2>
<p>文章正文</p>
</body>
</html>

复制代码

回复

返回列表发新帖

Archiver|手机版|小黑屋|十三博客 ( 鲁ICP备2023000528号 )

GMT+8, 2026-6-1 18:40 , Processed in 0.049298 second(s), 21 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表