样式.here类 - ul div类

Question

班级ul的每个.here都会有这些样式。

ul.here{
    border-left: solid 2px #c2c2c2;
    padding-left:5px;
}

然而....

我希望此类的ul div #nav-sub具有这些样式。

ul#nav-sub.here{
    border-left: solid 2px #c2c2c2;
    padding-left:5px;
}

我如何让它工作？

Answer 1

我猜你的描述

ul#nav-sub .here

可能是正确的CSS选择器，只要＃nav-sub 唯一作为此页面上的ID。

jsFiddle

Answer 2

我认为这就是你要找的东西：

ul.here{
    border-left: solid 2px #c2c2c2;
    padding-left:5px;
}

ul.here #nav-sub{
    border-left: solid 2px #c2c2c2;
    padding-left:5px;
}

HTML

<ul class="here">
<li>item</li>
<li><div id="nav-sub">nav-sub</div></li>
</ul>