php - 如何添加嵌套类以悬停菜单

Question

我希望菜单悬停在当前页面上。所以我添加了下面的代码来调用jokesmenu >ul> li > a:hover 当当前页面打开菜单应该hilight.But如何用这个css悬停当前页面

            <li class=" <?php $jokes_ur="http://www.domain.com/jokes/";
    $url="http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];

    if ($jokes_ur==$url){
echo "jokesmenu" 
    }       
    ?>
"><a href="http://www.domain.com/jokes/">jokes<span>jokes</span></a></li>


.jokesmenu >ul> li > a:hover {
 background-image:-webkit-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));background-image:-moz-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
background-image:-o-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));background-image:-ms-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
background-image:linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db');
color:#fff;list-style:none;text-decoration:none;

}

Answer 1

您希望它具有与悬停相同的外观，即使它没有悬停以显示其当前页面对吗？因此，首先，您已将类添加到li您的 css 应该阅读

.jokesmenu a, ul> li > a:hover { ... }

这样你的悬停仍然有效，如果 li 有，.jokesmenu那么它也会突出显示。