当鼠标悬停在li子ul上时,是否可以改变父li span的颜色.(只有CSS)
HTML:
<ul class="menu">
<li><a href="#"><i class="icon-list"></i> <span>Home</span></a></li>
<li><a href="#"><i class="icon-th"></i> <span>test-menu</span></a>
<ul>
<li><a href="#"><i class="icon-windows"></i> list-1</a></li>
<li><a href="#"><i class="icon-windows"></i> list-3</a></li>
<li><a href="#"><i class="icon-windows"></i> list-2</a></li>
</ul>
</li>
</ul>
CSS:
.menu > li > a:hover > span {
color:red;
}
我试过了:
.menu > li > a > span + ul:hover {
color:red;
}