1.first-child 选择列表中的第一个标签 li:first-child{color:red} 2. last-child 选择列表中的最后一个标签 li:last-child{color:pink} 3.nth-child(n) 这里的n为数字,表示选择列表中的第n个标签 例如选择第三个标签 li:nth-child(3){color:pink} 4.nth-child(2n) 选择列表中的偶数,选中 2、4、6...
:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素. n 可以是数字、关键词或公式。 p:nth-of-type(2) { background:#ff0000; } 1. 2. 3. 4. 这是标题 第一个段落。 测试 第二个段落。 第三个段落。 第四个段落。 第五个段落。 1. 2. 3. 4. 5. 6. 7. ...
:nth-child规定属于其父元素的第二个子元素的每个 p 的背景色: p:nth-child(2){ background:#ff0000; } 只选择第五个元素 li:nth-child(5){ color: green; } 要选择第一个元素,你可以使用:first-child,或者我相信你也可以改下上面的例子来实现。 选择除了前面的五个之外的所有元素 如果有超过10个元素...
一、两者结合使用,可以限制选择某一个范围,选择第6个到第9个 :nth-child(n+6):nth-child(-n+9)
这和解释对不上啊 <!DOCTYPE html> p:nth-child(1) { background:#ff0000; } 这是标题 第一个段落。 第二个段落。 第三个段落。 第四个段落。 注释:Internet Explorer 不支持 :nth-child() 选择器。 黄志明 浏览2514回答5 5回答 qq_驰兮_0 这和解释没矛盾啊,nth-child是按子元素来取...
p:nth-child(3n + 0)表示选择p元素父元素下的第3,6,9...个子元素,如果要选中第一个元素,要写成:nth-child(1),同理:nth-child(3n + 1)就代表选中第1,4,7...个子元素。 这里需要注意的是p元素父元素的第一个子元素为h1标签,所以要想选中p元素父元素下第1,4,7...个p元素,使用:nth-child需要...
它们都是第一子（或第n子（1）），您应该在li上使用nth-child来正确选择。要更改链接的颜色，您应该...
下面的是一个正常的div,怎么变成浅角部分,就是把一个矩形的div变成下面是直角的直角三角形。 5 回答7.7k 阅读 相似问题 html片段中写的CSS样式,如何做到片段多次加载但是style只加载一次? 3 回答2.8k 阅读 css样式问题,求教 6 回答3.8k 阅读✓ 已解决 css 中使用行内样式套行内样式,换行后,第一个字符没有...
好帮手慕阿园 2020-08-12 已采纳 同学你好,:nth-child(n) 是选择器匹配属于其父元素的第 N 个子元素 这里p:nth-child(2),是规定属于其父元素的第二个子元素的 p 的背景色,所以是父元素的第二个元素生效了,而不是p便签的第二个元素生效了 如果我的回答解决了你的疑惑,请采纳!祝学习愉快! 0 0...
一个是.box p:nth-child(2)，一个是.box p:nth-of-type(2)，括号里面都2，但是效果却不同。那么到底这两个选择器是什么意思呢?分析：我们再来看下结构：.box的子元素有三个，第一个是h2标签，第二个和第三个是p标签。 我是h2标签 我是.box里的第二个子元素，我是第一个p标签 我是.b...