如何选择<li>作为锚元素直接父元素的元素?
在示例中,我的CSS将是这样的:
li < a.active {
property: value;
}
Run Code Online (Sandbox Code Playgroud)
显然有一些方法可以使用JavaScript来实现这一点,但我希望CSS Level 2本身存在某种解决方法.
我尝试设置样式的菜单正在由CMS喷出,因此我无法将活动元素移动到<li>元素...(除非我主题菜单创建模块,我宁愿不这样做).
有任何想法吗?
我可以使用jquery来控制自定义webkit滚动条的外观吗?我很好奇,因为我想改变::-webkit-scrollbar-track-piece悬停时的背景颜色::-webkit-scrollbar-thumb.也许有一种方法可以用CSS做到这一点.我愿意接受任何解决方案!谢谢!
我试图将CSS样式放在列表第一行的列表项中,但似乎Chrome,Firefox和Safari都不接受该样式.
ul:first-line > li {
display: inline;
/* my styles here */
}
Run Code Online (Sandbox Code Playgroud)
我是否忽略了我指定样式的方式,这是CSS实现中的疏忽还是故意的CSS规范?如果是后者,那背后有一个很好的理由吗?
JSFiddle:http://jsfiddle.net/e3zzg/
编辑:
请注意,似乎非常明确,目前无法单独使用CSS实现这一目标,但从研究的角度来看,对后人来说,我很好奇为什么会这样.如果你在firstline伪元素上阅读W3C CSS规范,似乎没有提到内部元素.感谢大家尝试提供替代解决方案,但除非实际有CSS解决方案,否则这里的问题是"为什么",而不是"如何"或"可能".
该问题的目的是调查执行以下操作的可能性:
.element:before {
content: 'before';
color: orange;
}
.element:after {
content: 'after';
color: green;
}
.element:after:hover + .element:before {
color: red;
}Run Code Online (Sandbox Code Playgroud)
<div class='element'> </div>Run Code Online (Sandbox Code Playgroud)