如何选择<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规则.)
是否可以select
根据option
CSS选择的内容设置元素的样式?我知道现有的JavaScript解决方案.
我试图设置选项元素本身的样式,但这只会给选项列表中的选项元素赋予样式,而不是选定元素.
select[name="qa_contact"] option[value="3"] {
background: orange;
}
Run Code Online (Sandbox Code Playgroud)
http://jsfiddle.net/Aprillion/xSbhQ/
如果用CSS 3不可能,CSS 4主题选择器将来会有所帮助 - 或者这会对CSS保持禁用吗?