CSS 제한 길이 스타일을 요소에 적용 할 수 있습니다

Question

CSS으로 요소를 선택할 때 하위 깊이를 제한하는 솔루션을 아는 사람이 있습니까?

예 :

.my-class div div:end(styles:here) 

이 제 제 등 아이까지 전달되는 스타일을 방지하면서 페이지 매 초 DIV에 CSS 클래스를 추가 할 필요가 없도록한다.

Answer 1

구체적으로 말해서 the > operator으로 1 단계 더 깊게 검색하도록 지정할 수 있습니다.

는 다음과 같은 예를 생각해 이것은 직접 자식 요소 <p>에 대한 #target를 검색합니다

#target > p > span { 
    background: red; 
} 

을하고 해당 요소 내에서, 직접 자식 요소 <span>를 검색합니다. 따라서 중첩 된 <p> 요소가 있고 그 내부에 스팬이 있으면 영향을받지 않습니다.

매우 일반적인 용도는 기본 목록의 스타일을 지정하고 보조 목록의 스타일을 지정하지 않으려는 중첩 된 목록 항목을 사용하는 것입니다.

ul#parent > li /* Direct descendant. */ 
ul#parent > li > ul > li /* 2 levels deep descendant. */