: not()가 예상대로 작동하지 않습니다.

Question

:not() 연산자 사용에 제한이 있습니까?

<table> 
    <thead> 
     <th>AAAAAAA</th> 
     <th>VVVVVVVVVVV</th> 
    </thead> 
    <tr> 
     <td>111111</td> 
     <td>22222</td> 
    </tr> 
</table> 
<br> 
<br> 
<br> 
<br> 
<table class="t"> 
    <thead> 
     <th>AAAAAAA</th> 
     <th>VVVVVVVVVVV</th> 
    </thead> 
    <tr> 
     <td>111111</td> 
     <td>22222</td> 
    </tr> 
</table> 

그리고이 CSS :

table td:not(.t) { 
      border: 1px solid black; 
      padding-left: 5px; 
      } 


table th:not(.t) { 
      border: 1px solid black; 
      padding-left: 5px; 
      } 

아직 두 테이블이 CSS 규칙을 얻을

나는이 HTML이있다. 그들이있어 때문에 너무 귀하의 선언

table:not(.t) td 
{ 
    ... 
} 

---

table:not(.t) td, table:not(.t) th 
{ 
    border: 1px solid black; 
    padding-left: 5px; 
} 

그냥 발견, 당신이 할 수있는 그룹 : .t이를 시도해보십시오 table 아닌 td

에 적용되기 때문에 Jsfiddle

Answer 1

그것은이다 똑같다.

Answer 2

테이블에 해당 클래스가 있고 다른 요소가 없습니다. 따라서 td에 적용하는 대신 table에 적용하면 효과가 있습니다.