형제 표시/숨기기 CSS 선택기를 결합

Question

나는 콘텐츠 창과 사이드 메뉴와 함께 애플 리케이션을 빌드하는 jqUI를 사용하고 있습니다.

페이지에 목록이 표시 될 때 일부 메뉴 콘텐츠를 숨기고 싶지만 페이지에 항목이 표시 될 때 메뉴 콘텐츠를 표시하려고합니다.

페이지 전환이 jqui 라이브러리에있는대로 나는 http://jsfiddle.net/pq83M/8/

내가 자바 스크립트에서이 작업을 수행하지 않으려는 예를 들어 같은 아주 기본적인 jsfiddle을 만든 내가 그것을 듣고 효과적 생각하지 않습니다 이 특정 전환에 대해서는 다른 것들과 별도로

은 내가 알아낼 바라고하면 ~이 div#content의 형제,하지 div#list_item.active의 형제 자매를 찾고 있다는 경고와

div#content > div#list_item.active ~ div#menu > div#list_item_details { 
    display:block; 
} 

말을하는 방법입니다.

저는 Sass를 사용하고 있습니다. 따라서이 사용자 지정 선택기를 사용할 수 있습니다.

Answer 1

질문을 올바르게 이해하면 부모 (div#content)를 기준으로 한 형제를 찾고 싶지만 자녀 (div#list_item.active)에 따라 특정 부모로 시작해야합니다.

그렇다면 CSS 선택기 수준 3에서는 가능하지 않지만 CSS 선택기 수준 4에서는 제공됩니다. 당신은 당신의 운영/비교의 주제를 선택할 수 있습니다. http://dev.w3.org/csswg/selectors4/#subject