如何选择<li>作为锚元素直接父元素的元素?
在示例中,我的CSS将是这样的:
li < a.active {
property: value;
}
Run Code Online (Sandbox Code Playgroud)
显然有一些方法可以使用JavaScript来实现这一点,但我希望CSS Level 2本身存在某种解决方法.
我尝试设置样式的菜单正在由CMS喷出,因此我无法将活动元素移动到<li>元素...(除非我主题菜单创建模块,我宁愿不这样做).
有任何想法吗?
是否可以select根据optionCSS选择的内容设置元素的样式?我知道现有的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保持禁用吗?
有没有办法只在CSS元素具有某个子元素时才将其添加到元素中?我知道用CSS做这件事是不可能的,但是我不确定是否可以用LESS来做.
我在渲染的HTML页面中有两个案例.
情况1:
<ul>
<li>A</li>
<li>B</li>
</ul>
<div class="test">Testing here</div>
Run Code Online (Sandbox Code Playgroud)
案例2:
<ul></ul>
<div class="test"></div>
Run Code Online (Sandbox Code Playgroud)
在案例1中,我想申请CSS到div,如果ul元素包含li元素).我不想要任何案例2.我想要一个没有任何jQuery/JavaScript的纯CSS方法.