如何选择<li>作为锚元素直接父元素的元素?
在示例中,我的CSS将是这样的:
li < a.active {
property: value;
}
Run Code Online (Sandbox Code Playgroud)
显然有一些方法可以使用JavaScript来实现这一点,但我希望CSS Level 2本身存在某种解决方法.
我尝试设置样式的菜单正在由CMS喷出,因此我无法将活动元素移动到<li>元素...(除非我主题菜单创建模块,我宁愿不这样做).
有任何想法吗?
我知道我可以在聚焦的输入元素上设置一个样式,如下所示:
input:focus
{
background-color:yellow;
}
Run Code Online (Sandbox Code Playgroud)
但是,当输入具有焦点时,是否可以在父元素上设置样式?例如
<div class="foo">
<input type="text />
Hello
</div>
Run Code Online (Sandbox Code Playgroud)
输入有焦点时,我可以影响"foo"样式吗?
编辑:影响父元素的可能重复:focus'd元素(纯CSS + HTML首选)
但是,有人可以解释这是如何工作的吗?