대상의 동일한 하위 요소 대상

Question

모든 세 번째 요소를 쉽게 대상으로 지정할 수 있습니까?

예를 들어, 내 오른쪽 열 레이아웃은 다음과 같습니다 :

나는 개별적으로 각각을 지정하지 않고이 경우 모두 비 분류 <div> 요소를 대상으로 어떻게

<div class=right_column> 
<div class=module> 
    <div> 
    <p></p> 
    </div> 
</div> 

<div class=different_module> 
    <div> 
    <p></p> 
    </div> 
</div> 
</div> 

?

Answer 1

당신이

div > div > div{ 
    /* styles here */ 
} 

> 같은 것을 할 수 있어야하는 것은 아이 선택기입니다.

여기에 div의 하위 인 div의 하위 인 div을 선택하여 사용한다고 나와 있습니다. http://jsfiddle.net/hbXsE/1/

참고 : 사용자가 제공 한 HTML은 몇없는 div 태그 및 일부 폐쇄 span 태그가 여기에

은 예입니다. 나는 그 예를 위해 그것을 redid했다. 이처럼

Answer 2

: .right_column > div > div

>는 "아이 선택기"입니다 - CSS 트릭에 this 최고 수준의 문서를 확인하십시오.

Answer 3

선택기 div.right_column div div을 사용할 수 있지만 더 깊게 중첩 된 div도 일치시킵니다. 대부분의 최신 브라우저에서 이것을 피하려면 다음과 같이 자식 선택자를 사용할 수 있습니다 : div.right_column > div > div하지만 IE의 이전 버전에서는 작동하지 않습니다