<body>
<style type="text/css" media="screen">
p :hover{
background-color:green;
}
</style>
<p>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</p>
</body>
选择器空格问题
如上: p :hover 之间添加空格,选择的就是p的后代集合的鼠标hover。如果 p:hover 之间没空格,选择的就是p集合的鼠标hover。还有类的关系,比如 .one.two.three ,三个类之间没有空格,表示的是多类选择器,匹配拥有这三个类的元素。如果之间有空格则表示父子选择器。