我可以申請一個樣式父元素

Question

可能重複：
Style parent li on child li:hover.
Is there a CSS parent selector?

我有一個殿菜單。

在li a:hover出現#drop-down-menu。

我可以將樣式應用到li a而將鼠標懸停在下拉菜單上嗎？ 您可以將鼠標懸停在子元素上時將樣式應用於父元素嗎？

即我想border-bottom:2px solid #ffffff;出現在li a下，而我徘徊在#drop-down-menu上。

無法弄清楚。

Answer 1

如果你的錨是 - 或者可以是 - 全尺寸（即列表項的大小），那麼你可以使用：

li:hover 

Answer 2

您將需要使用JavaScript這一點。 CSS不允許任何方式選擇父元素。

Answer 3

沒有。CSS不能這樣工作。你只能走下去。

但是，如果你有正確的HTML結構，你可以達到你要去的效果。

假設下面的HTML：

<ul id="main"> 
    <li><a href="link.php">A dropdown</a> 
    <ul class="dropdown"> 
     <li><a href="link2.php">A submenu</a></li> 
    </ul> 
    </li> 
</ul> 

你可以有以下的CSS，它應該工作：

#main li:hover a { 
    border-bottom: 1px solid black; 
} 

Here's a (very) rough Fiddle.