Heim  >  Artikel  >  Web-Frontend  >  【求教】关于css选择器选择具体某一元素的疑问_html/css_WEB-ITnose

【求教】关于css选择器选择具体某一元素的疑问_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:23:501035Durchsuche

有一段页面布局如下:

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


关于以上的

内容,请问如何只用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
CSS3就没问题了
参考: http://www.qianduan.net/taming-advanced-css-selectors.html

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



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

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


的确,我一开始想也是选择first-child,然后在选择相邻元素,不过貌似局限性太大了,哈哈。

嗯,谢谢你的帮助!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn