0

いくつかのアイテムをリストするために、次のスタイルとhtmlコードを使用しています

li.DC a > ins.jstree-icon{
height:22px; width:350px; border:#999999 1px solid; margin-bottom:2px; list-style:none; background-color:red;

}

<li class="DC">
    <a><ins class="jstree-icon"></ins>HelloName</a>
    <ul>
        <li>
            <a><ins class="jstree-icon"></ins>HelloName</a>
        </li>
    </ul>
</li>

jstree-icon の最初のレベルのオカレンスにスタイルを適用したいのですが、現在、スタイルは 2 番目のレベルにも適用されています。誰でも同じCSSを提案できますか?

4

1 に答える 1

1

セレクターの場所を変更する必要があります

セレクターはaタグのファーストクラス名（無効です）を言っていますが、必要なのはのファーストaタグですli。

li.DC > a ins.jstree-icon{
    height:22px; width:350px; border:#999999 1px solid; margin-bottom:2px; list-style:none; background-color:red;}

デモ

于 2013-03-15T12:01:38.427 に答える