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仅应用于包含'about'而非li li'contact'的li。

这可以在不给孩子增加额外风格的情况下完成吗？ 例如

.subnav li a {}

Answer 1

我想你想要

ul > .subnav > a

甚至只是

ul > .subnav