CSS : 계단식 하나의 레벨

Question

CSS 클래스 (< table class = "x">)가 정의되어 있고 <의 첫 번째 레벨의 'color'속성을 변경하고 싶다고 말하면 < 테이블이 있습니다.> , 해당 CSS를 사용하여 해당 < td>에 클래스를 설정하지 않고 가능합니까?

e.e.

<table class="x"> 
    <tr> 
     <td> 
      xxxx 
      <table><tr><td>yyy</td><tr></table> 
     </td> 
    </tr> 
<table> 

I 만 색상을 변경할 수있는 xxxx는 원하는 - 난 단지 대상 xxxx는 원할 경우 그렇게 .x td{color:red;} 현재 XXXX 및 YYYY에 적용됩니다, 오히려 XXXX TD 클래스 이름

Answer 1

두 번째 수준을 원하는 수준으로 설정하여 캐스케이드 효과를 무시하고 최상위 수준에서 효과를 취소 할 수 있습니다. 이 같은

뭔가 : (아무것도 그 이하 등)

이

table.x tr td { ...} 

table.x tr td table tr td { ... } 

첫 번째 문은 .x를 테이블 아래에있는 모든 TD 년대에 적용되지만, 다음 두 번째 문이 내부 중첩 수준이 우선합니다. 첫 번째 명령문 다음에 오는 것이므로 위 명령문에 설정된 모든 명령을 무시합니다.

이것은 또한 IE보다 잘 작동하지 않는 어린이보다는 조상/자손에 대한 기본 구성을 사용하기 때문에 IE에서 작동합니다.

Answer 2

이 시도를주지 못할 것이다 :

table.x > tr > td { ... } 

>은 직접적인 자식 선택자입니다.