css - css セレクターには子が含まれていません

Question

私は以下のhtmlを持っています

<ul><li><a href="home/">Home</a></li>
    <li><a href="news/">News</a></li>
    <li class="subnav"><a href="about/">About</a>
        <ul>
            <li><a href="contact/">contact</a></li>
        </ul>
    </li>
</ul>

そしてこのCSS。

ul > .subnav a {}
.subnav a {}

この css を、子の li 'contact' ではなく、'about' を含む li にのみ適用したいと考えています。

子に追加のスタイルを追加せずにこれを行うことはできますか? 例えば

.subnav li a {}

Answer 1

私はあなたが欲しいと思います

ul > .subnav > a

または単に

ul > .subnav