日期:2014-05-16  浏览次数:20822 次

【求教】关于css选择器选择具体某一元素的疑问
有一段页面布局如下:

<div id="content" > 
    <p class="tag">第一段</p> 
    <p class="tag">第二段</p> 
    <p class="tag">第三段</p> 
</div> 


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

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

------解决方案--------------------
CSS2的话,似乎只有first-child
CSS3就没问题了
参考:http://www.qianduan.net/taming-advanced-css-selectors.html
------解决方案--------------------
引用:
Quote: 引用:

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


啊,果然是这个“:nth-child(2)”对吧,看来好像只能用CSS3了,不过这玩意儿在IE8或者更低版本IE好使吗?

起始如果钻牛角尖,仅仅应答他提出的这个特定场景,CSS2应该也可以
用:first-child结合:after