鼠标划过变色

 

使用css 当鼠标划过是变色

 

<div id="test">
	<ul class="item">
		<li>
			aaa
		</li>
		<li>
			bbb
		</li>
	</ul>

</div>

 

 

亲测使用这种时不起作用：

.item ul li:HOVER{ 
	background-color: #e5ebee; 
}

 

而使用这样的时，起作用

#test ul li:HOVER{ 
	background-color: #e5ebee; 
}

 

当li和hover之间有空格时也不起作用如下：有空格时都不起作用

#test ul li : HOVER{ 
	background-color: #e5ebee; 
}

#test ul li: HOVER{ 
	background-color: #e5ebee; 
}

 

 

 

 特此记录