更改父li的顏色>當鼠標懸停在li子ul上時的跨度

當鼠標懸停在li子ul上時，是否可以更改父li span的顏色？（僅CSS）更改父li的顏色>當鼠標懸停在li子ul上時的跨度

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; 
}

我想：只有http://jsfiddle.net/xk4Ph/1/

來源

2013-08-07 CODE SEEK

不是用CSS，如果你使用javascript，它是 –

用css可以嗎？ –

我對此表示懷疑。你不能在css3中選擇父元素。我想這就是你想要做的 –

這是可以做到使用CSS：

.menu > li > a > span + ul:hover { 
    color:red; 
}

小提琴自ul是li的孩子... working jsFiddle

使用以下選擇：

.menu > li:hover > a > span

在li而不是a

來源

2013-08-07 11:08:17

謝謝Yotam。 @ yotam-omer –

@CODESEEK很高興幫助:) –

使用:hover您可以將類添加到您的李 <li class="test"><a href="#"><i class="icon-windows" ></i> list-1</a></li> 並編輯你的css： .test a:hover{ color: #000000; }

來源

2013-08-07 15:26:37

更改父li的顏色>當鼠標懸停在li子ul上時的跨度

回答

相關問題