html - 在CSS导航菜单中选择最后一个事件的li类

我只需要使用css将类默认设置为最后一个li。编辑html不是一个选项。IE9+很好。如何只给最后一个链接上色？这只是一个例子，菜单是动态的，因此使用最后一个子菜单或指定确切的最后一个链接不是一个选项。我有这样的导航菜单：

<ul>
    <li class="default">
        <a href="#">About Us</a>
        <ul>
            <li class="default">
                <a href="#">Where we live</a>
                <ul>
                    <li class="default">
                        <a href="#">Make this link red only</a>
                    </li>
                    <li>
                        <a href="#">Directions</a>
                    </li>
                </ul>
            </li>
        </ul>
     </li>
 </ul>

最佳答案

至于纯css方法，ie9支持这些伪选择器。这也可以在jquery之类的程序中工作。但是，此代码的问题是，如果您有多个默认值，那么它将为这些值上色。

li.default > a:only-child {
  color:red;
}​