如何选择<li>作为锚元素直接父元素的元素?
在示例中,我的CSS将是这样的:
li < a.active {
property: value;
}
Run Code Online (Sandbox Code Playgroud)
显然有一些方法可以使用JavaScript来实现这一点,但我希望CSS Level 2本身存在某种解决方法.
我尝试设置样式的菜单正在由CMS喷出,因此我无法将活动元素移动到<li>元素...(除非我主题菜单创建模块,我宁愿不这样做).
有任何想法吗?
可能重复:
是否有CSS父选择器?
有没有办法使CSS选择器匹配以下?
All OBJECT elements
which have a PARAM element inside of them
Run Code Online (Sandbox Code Playgroud)
选择器
OBJECT PARAM
Run Code Online (Sandbox Code Playgroud)
不起作用,因为它匹配PARAM,而不是OBJECT.我想将{display:none}应用于对象; 将它应用于PARAM是没用的.
(我知道我可以用jQuery - $("object param").closest("object")和VanillaJS - 来解决这个问题document.querySelector("object param").closest("object")- 但我正在尝试在页面上创建CSS规则.)
我正在尝试选择<a>不是<img>元素父元素的元素.(注意:如果它是相关的,我想选择的一些锚是没有孩子的.)我试过这个:
a > :not(img) {}
Run Code Online (Sandbox Code Playgroud)
还有这个:
a:not(> img) {}
Run Code Online (Sandbox Code Playgroud)
但它们似乎都不起作用.我如何在CSS中实现这一目标?
我需要选择一个<p>嵌套<a>了特定类的元素.
在<a>并不总是的孩子<p>,也可是一个孙子.例如:
<p>some text<span><a href="#" class="myclass f5">link</a></span></p>
Run Code Online (Sandbox Code Playgroud)
我需要选择<p>元素,如果它有一个<a>类f5在里面的类.