css选择器的问题

发布网友发布时间：2022-04-20 20:40

我来回答

共2个回答

懂视网时间：2022-04-21 01:02

有一段页面布局如下：

第一段

第二段

第三段

关于以上的内容，请问如何只用css代码（不实用js），就可以做到将“第二段”的颜色设成红色，“第三段”的颜色设成蓝色。

嗯就是这个了，感觉css选择器还没有精确到选择第几个元素啊，可是就有人考我这个，向破头了都想不出。感谢大家捧场了！

回复讨论(解决方案)

CSS2的话，似乎只有first-child
CSS3就没问题了
参考： http://www.qianduan.net/taming-advanced-css-selectors.html

CSS2的话，似乎只有first-child
CSS3就没问题了
参考： http://www.qianduan.net/taming-advanced-css-selectors.html

啊，果然是这个“:nth-child(2)”对吧，看来好像只能用CSS3了，不过这玩意儿在IE8或者更低版本IE好使吗？
起始如果钻牛角尖，仅仅应答他提出的这个特定场景，CSS2应该也可以
用:first-child结合:after

热心网友时间：2022-04-20 22:10

.textred 选择 class为 "textred" 的元素，
.textred h1中间是空格，是后代选择器，选择class为 "textred" 的元素的所有后代元素中h1元素。
它匹配的是这样的
<div class="textred">
<h1>HelloWorld</h1>
</div>
h1.textred则是class为"textred"的h1元素。