0

我有一个简单的 CSS 样式菜单。

<ul>
    <li> <a href="#">1</a> </li>
    <li> <a href="#" class="active">2</a> </li>
    <li> <a href="#">3</a> </li>
    <li> <a href="#">4</a> </li>
</ul>

是否可以将特定样式应用于包含活动类的 li 元素。

我尝试过这样的事情：

#container > ul > li a.active < li {
    custom: style;
}
4

4 回答 4

1

使用 CSS 是不可能的。虽然这可以通过脚本来实现。

类似的问题在这里。

根据子元素将 CSS 样式应用于元素

于 2013-05-07T06:29:37.313 回答
1

不，选择器不能反向匹配。在这种情况下，最好的方法是简化问题。

A元素可以设置为块级元素，因此只需将父级上的任何样式下推LI到A元素上。您已经有了特定的选择器a.active，它应该足够独特，您可以适当地设置它们的样式。

于 2013-05-07T06:32:47.533 回答
0

尝试这个：

ul li a.active{ color:green;}

http://jsfiddle.net/Vloxxity/VZgQx/

编辑：我已经阅读了您的评论，这只有在您将 li 标记为活动课程时才有可能。

于 2013-05-07T06:30:26.343 回答
0 
#container ul li a.active{ yourstyle:styleproperties;}

或者我认为你可能想要这样做

#container ul li a:active{ yourstyle:styleproperties;}

如果你想动态添加类到元素，你可以使用 javascript 和 jquery

http://api.jquery.com/addClass/

$("#container ul li a").addClass("active");

并且对于父级（将为 li 元素添加此类，该元素是 a.active 元素的父级）

$('#container ul li a.active').parent().addClass("active");

已经有类似的主题Target outer div based on class of inner a

于 2013-05-07T06:27:18.807 回答