상위 컨테이너 외부의 CSS 선택자

Question

ID가있는 요소가 마우스를 올려 놓았을 때 다른 클래스의 요소에 CSS를 적용하고 싶습니다. 나는 JS를 사용하고 싶지 않다.

예 :

<div class="parent"> 
    <div id="parent_1">parent_1</div> 
    <div id="parent_2">parent_2</div> 
    <div id="parent_3">parent_3</div> 
</div> 

<div class="another_parent"> 
    <div id="another_parent_1">another_parent_1</div> 
    <div id="another_parent_2">another_parent_2</div> 
    <div id="another_parent_3">another_parent_3</div> 
</div> 

<style>#parent_3:hover #another_parent_3 {color: red;}</style> 

JSFiddle : http://jsfiddle.net/CvT6U/

Answer 1

그것은 불가능하다. CSS3 사양에 따라 :

http://www.w3.org/TR/css3-selectors/#selectors

E F an F element descendant of an E element 
E > F an F element child of an E element 
E + F an F element immediately preceded by an E element 
E ~ F an F element preceded by an E element 

Answer 2

당신은 일반적으로 형제 선택기를 사용할 수 없습니다?

#의 parent_3 : 가져가 ~ # another_parent_3 {색상 : 빨강;}

http://learn.shayhowe.com/advanced-html-css/complex-selectors/#sibling-selectors