html – 在CSS导航菜单中选择最后一个活动的li类

概述我只需要使用CSS,只使用类默认为最后一个li着色.编辑 HTML不是一种选择. IE9很好.如何仅为最后一个链接着色？这只是一个示例,菜单是动态的,因此使用最后一个孩子或指定确切的最后一个链接不是一个选项.我有这样的导航菜单： <ul> <li class="default"> <a href="#">About Us</a> <ul> 我只需要使用CSS,只使用类默认为最后一个li着色.编辑 HTML不是一种选择. IE9很好.如何仅为最后一个链接着色？这只是一个示例,菜单是动态的,因此使用最后一个孩子或指定确切的最后一个链接不是一个选项.我有这样的导航菜单：

<ul>    <li >        <a href="#">About Us</a>        <ul>            <li >                <a href="#">Where we live</a>                <ul>                    <li >                        <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;            }​

总结

以上是内存溢出为你收集整理的html – 在CSS导航菜单中选择最后一个活动的li类全部内容，希望文章能够帮你解决html – 在CSS导航菜单中选择最后一个活动的li类所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。