html - 样式 .here 类 - ul div 类

Question

每个ul班级.here都会有这些风格。

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

然而....

我希望带有类的uldiv#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>