伪类 css

今天遇到一个问题，想在悬浮到li之后，li里面的元素效果发生变化

其实伪类可以作为选择器，意思是当出现悬浮之后该效果展现

 

例如：

li:hover span{

border:1px solid black;

color:yellow;

}-------说明当鼠标悬浮到li时，里面的span的效果使用该属性

 

 

同时伪类也可以作为选择器使用，

例如：

 

$(document).ready(function(){

$("li").hover(

function(){

$("li:hover span").addClass("hoverSelector");

},

function(){

$("li:hover span").removeClass("hoverSelector");

});

});