Maison > interface Web > tutoriel HTML > le corps du texte

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

WBOY
Libérer: 2016-06-24 12:23:50
original
1032 Les gens l'ont consulté

有一段页面布局如下:

<div id="content" >     <p class="tag">第一段</p>     <p class="tag">第二段</p>     <p class="tag">第三段</p> </div> 
Copier après la connexion


关于以上的

内容,请问如何只用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,然后在选择相邻元素,不过貌似局限性太大了,哈哈。

嗯,谢谢你的帮助!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal