mouseover color change

 

Use css to change color when the mouse is over

 

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

</div>

 

 

Pro test does not work when using this:

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

 

And when using like this, works

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

 

It also doesn't work when there is a space between li and hover as follows: neither works when there is a space

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

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

 

 

 

 It is hereby recorded