如何添加嵌套的類來懸停菜單

我想菜單懸停爲當前頁面。所以我說下面的代碼來調用jokesmenu> ul> li>答：懸停時，當前頁面打開菜單shouldhilight.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;

}

來源

2012-10-08 ADHI

懸停你希望它具有與徘徊相同的外觀，即使它沒有展開以顯示其當前頁面是正確的？所以，首先，你已經添加了類到li所以你的CSS應該閱讀

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

這樣你的懸停仍然有效，並且如果李有.jokesmenu然後它突出這一點。

來源

2012-10-08 20:18:20 jonheslop

它不起作用 – ADHI

@ADHI是PHP輸出'li'類嗎？你確實想把CSS應用到'a'的權利？ – jonheslop

如何添加嵌套的類來懸停菜單

回答

相關問題