ul li a 链接的第 N 个孩子

问题描述 投票:0回答:2
css css-selectors
2个回答
15
投票

:nth-child()
从其兄弟元素中选择元素,在这种情况下,
a
元素没有兄弟元素,因此您需要对
:nth-child()
使用
li
伪类来代替:

#menu li:nth-child(even) a {color:red;}

JS Fiddle 演示.


4
投票

尝试

#menu li:nth-child(even) a {color:red;}

如果您也想要李子上的颜色,您还需要

#menu li:nth-child(even) {color:red;}

您不能只使用

li
选择器,因为颜色属性不是由
a
标签继承的。

http://jsfiddle.net/DSkfH/3/

© www.soinside.com 2019 - 2024. All rights reserved.