html – 如果孩子或孙子链接使用CSS活动,则设置父链接处于活动状态

概述我有一个HTML / CSS菜单与这个CSS的活动链接： .navigation ul li a:hover, .navigation .active-nav { background-color: #F36F25; /*#373737;*/ text-shadow: none; color: #f7f7f7 !important; -webkit-box-shad 我有一个HTML / CSS菜单与这个CSS的活动链接：

.navigation ul li a:hover,.navigation .active-nav {    background-color: #F36F25; /*#373737;*/    text-shadow: none;    color: #f7f7f7 !important;    -webkit-Box-shadow: 0 3px 0 #ff8833;    Box-shadow: 0 3px 0 #ff8833;}

小提琴：http://jsfiddle.net/kyvbzssd/

如果任何一个孩子或其孩子的子链接有一个活动的类，我如何将顶级父链接设置为活动的？

解决方法 将样式添加到您的li元素： http://jsfiddle.net/kyvbzssd/3/

.navigation ul li{    padding: 80px 9px 10px;}.navigation ul li a,.navigation ul li{    Font-size: 13px;    Font-weight: 700;    color: #4d4d4d;    text-decoration: none;    display: inline-block;    margin-bottom: 0;    text-transform: uppercase;    border-bottom: 2px solID #fff;    -webkit-Transition: background-color .2s linear,padding-top .2s linear;    -moz-Transition: background-color .2s linear,padding-top .2s linear;    -o-Transition: background-color .2s linear,padding-top .2s linear;    -ms-Transition: background-color .2s linear,padding-top .2s linear;    Transition: background-color .2s linear,padding-top .2s linear;}.navigation ul li a:hover,.navigation ul li:hover,.navigation .active-nav {    background-color: #F36F25; /*#373737;*/    text-shadow: none;    color: #f7f7f7!important;    -webkit-Box-shadow: 0 3px 0 #ff8833;    Box-shadow: 0 3px 0 #ff8833;}

总结

以上是内存溢出为你收集整理的html – 如果孩子或孙子链接使用CSS活动,则设置父链接处于活动状态全部内容，希望文章能够帮你解决html – 如果孩子或孙子链接使用CSS活动,则设置父链接处于活动状态所遇到的程序开发问题。

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