html - スタイリング .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;
}

これを機能させるにはどうすればよいですか？

score 3 · Accepted Answer

あなたの説明から推測すると

ul#nav-sub .here

#nav-sub がこのページの ID として一意である限り、適切な CSS セレクタである可能性があります。

score 0 · Accepted Answer

これがあなたが探しているものだと思います：

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>

2 に答える 2