如何选择<li>作为锚元素直接父元素的元素?
在示例中,我的CSS将是这样的:
li < a.active {
property: value;
}
Run Code Online (Sandbox Code Playgroud)
显然有一些方法可以使用JavaScript来实现这一点,但我希望CSS Level 2本身存在某种解决方法.
我尝试设置样式的菜单正在由CMS喷出,因此我无法将活动元素移动到<li>元素...(除非我主题菜单创建模块,我宁愿不这样做).
有任何想法吗?
我有许多嵌套元素,我试图只选择前 N 个级别。下面显示了一个工作示例,其中我选择了前 7 个级别并为其设置样式。这正是我想要的,但是,我希望有一种简化的方法来选择这些元素。
在我的实际用例中,我不知道嵌套元素的总数,并且我试图选择前 50 个级别,因此使用上述方法会非常混乱。不幸的是,我无法更改应用程序中的 HTML,因此它需要是一个仅限 CSS 的方法。谢谢。
.container > div,
.container > div > div,
.container > div > div > div,
.container > div > div > div > div,
.container > div > div > div > div > div,
.container > div > div > div > div > div > div,
.container > div > div > div > div > div > div > div {
border-left: 1px solid;
padding-left: 15px; …Run Code Online (Sandbox Code Playgroud)