css – 为什么:第一个孩子选择所有孩子?

前端之家收集整理的这篇文章主要介绍了css – 为什么:第一个孩子选择所有孩子?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想只选择“下拉菜单”中的第一个链接(带有“ONE”文本的链接),但是:first-child选择所有链接.

链接

http://jsfiddle.net/773Xd/1/

很抱歉HTML部分的混乱,但我正在定制wordpress主题,它产生了很多类和ID.

最重要的是CSS文件的末尾.

解决方法

将CSS选择器更改为此…
#page-navigation ul li .sub-menu li:first-child a

(即把假类:第一个孩子放在li上,而不是a).

See it on jsfiddle.net

旧选择器不起作用,因为a始终是li元素的第一个子元素.

但是在新选择器中,li是ul元素的第一个子元素.

猜你在找的CSS相关文章