CSS3选择器基于firstchild选择父级

时间:2011-01-23 23:29:59

标签: jquery-selectors css3 css-selectors

我是否可以编写一些CSS3选择器来执行以下操作:

选择第一个孩子为“A”的“LI”?

1 个答案:

答案 0 :(得分:5)

不,不幸的是,因为你将根据其后代选择一个祖先。遗憾的是,这与级联样式表的“级联”背道而驰。虽然这是一个我非常欣赏的功能,但它是否有可能。

虽然给出了标签'jquery-selectors',你可以在jQuery中使用:

$('li:has("> a:first-child")')...

Verified with a JS Fiddle demo

CSS 3简要地有一个:contains() pseudo-selector 可能对此有用,但似乎已被删除。

<小时/> 已编辑以合并@patrick dw的更正(从$('li:has("> a")')...到上面的示例)。 已编辑以将演示网址更新为已更正的jQuery选择器的演示。