訪問子元素時更改父項的顏色

我試圖用幾個子項來設置水平菜單項的樣式。我的想法是在訪問菜單的子項時更改父項和下拉菜單的顏色。我不太熟悉javaScript，這是我想問一個意見 - 是否可以只在CSS方法中做到這一點？訪問子元素時更改父項的顏色

這裏是我的HTML：

<ul class="gf-menu l1"> 
<li class="item128 parent"> 
<a class="item" href"services">Services<span class="border-fixer"></span>::after</a> 
<div class="dropdown columns-1"> 
<div class="column col1"> 
<ul class="l2"> 
<li class ="item1"><a class="item" href="submenu-01">Submenu1</a></li> 
<li class ="item2"><a class="item" href="submenu-02">Submenu2</a></li> 
<li class ="item3"><a class="item" href="submenu-03">Submenu3</a></li> 
</ul> 
</div> 
</div> 
</li>

而CSS：

.gf-menu .dropdown{ 
border: 1px solid transparent; 
border-radius:0; 
background-color:#a9a9a9; 
padding:10% 0; 
width:100%; 
text-shadow:none; 
font-size:85%; 
.gf-menu.l1 li.item1.active.last {background-color:#abcf39;} 
.gf-menu.l1 li.item2.active.last {background-color:#f39512;} 
.gf-menu.l1 li.item3.active.last {background-color:#f16e68;}

任何幫助，將不勝感激，謝謝提前！

來源

2014-03-28 Nemez

您不能使用純CSS影響父元素。在不久的將來，某些時候會出現這樣的「！.parent a：visited」或其他東西，但它還不存在。 – Chad

JQuery怎麼樣？ – Bharadwaj

我將使用JQuery，謝謝:) – Nemez

你不能用css定位元素的父元素。 CSS選擇器級別4（CSS4）通過使用「！」使這成爲可能在操作數上會出現這個功能。

你可以做的是相反的。您可以使用「訪問」僞瞄準智利元素，並給它一定的顏色

.parent:visited .child { 
    Attributes come here 
}

使用jQuery你可以針對與「.parent（）」父我建議使用您的菜單的方法。

來源

2014-03-28 14:16:50

訪問子元素時更改父項的顏色

回答

相關問題