자식 요소 방문시 부모 항목 색 변경

Question

여러 자식 항목이있는 가로 메뉴 항목을 양식화하려고합니다. 내 생각은 메뉴의 하위 항목을 방문 할 때 상위 항목과 드롭 다운 메뉴의 색상을 변경하는 것이 었습니다. 나는 자바 스크립트에 익숙하지 않다. 나는 의견을 묻기를 원한다. CSS 접근 방식에서만 가능하다.

<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 :

가 여기 내 HTML입니다

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

어떤 도움을 주시면 감사하겠습니다, 사전에 감사합니다!

Answer 1

CSS의 요소를 아직 타겟팅 할 수 없습니다. CSS 선택기 레벨 4 (CSS4)를 사용하면 "!" 피연산자에이 기능이 제공됩니다.

당신이 할 수있는 일은 그 반대입니다. 당신은 칠레 요소를 대상으로하고 그것을 jQuery를 당신이 "() .parent"나는 메뉴에 대한 그 접근 방법을 사용하는 것이 좋습니다와 부모를 타겟팅 할 수 있습니다 사용하여 특정 색상

.parent:visited .child { 
    Attributes come here 
} 

를 제공하기 위해 "방문"의사를 사용할 수 있습니다.