我可以使用 CSS3 选择器以基于子元素进行选择吗?
我可以使用 CSS3 选择器以基于子元素进行选择吗?
我需要选择一个具有特定类的嵌套元素的
元素。
元素不总是元素的子元素,而是可能是一个孙子元素。例如:
一些文本链接
\n如果元素内部有一个具有类
f5
的元素,我需要选择元素。
问题出现的原因是CSS选择器中没有像父级选择器一样的功能。解决方法是使用JavaScript,例如在jQuery中,可以使用$('p:has(a.f5)')
来选择具有特定子元素的段落(然后可以直接在这些元素上使用.addClass()
或.css()
)。
编辑:你也可以查看Stack Overflow上的其他相关问题(下次提问前请先搜索):
- [CSS selector for "foo that contains bar"?](https://stackoverflow.com/questions/2000582)
- [Is there a CSS parent selector?](https://stackoverflow.com/questions/1014861)
- [Complex CSS selector for parent of active child](https://stackoverflow.com/questions/45004)
- [CSS Parent/Ancestor Selector](https://stackoverflow.com/questions/1251768)