How to add nested class to hover the menu

[eXigenT * odt]

i would like menu to hover for the current page .so i added the code below to call the jokesmenu >ul> li > a:hover when current page is opened the menu shouldhilight.But how to hover the current page with this css\[code\] <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: progidXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db');color:#fff;list-style:none;text-decoration:none;\[/code\]}