program tip

한 클래스를 제외한 모든 요소에 대해 CSS 규칙을 만드는 방법은 무엇입니까?

radiobox 2020. 9. 24. 07:43
반응형

한 클래스를 제외한 모든 요소에 대해 CSS 규칙을 만드는 방법은 무엇입니까?


내 프로젝트를위한 CSS 스타일 시트를 만들었습니다. 클래스 "dojoxGrid"에 속하는 테이블 요소를 제외한 모든 테이블 요소에 적용되는 CSS 규칙을 작성할 수있는 방법이 있습니까? 다음과 같은 것 :

.not(dojoxGrid) table{
    width:100%;
    border-top:1px solid #dddddd;
    border-left:1px solid #dddddd;
    border-right:1px solid #dddddd;
    margin:1em auto;
    border-collapse:collapse;
}

부정 의사 클래스는 당신이 찾고있는 것 같다.

table:not(.dojoxGrid) {color:red;}

그러나 ≤ IE8에서는 지원되지 않습니다 .


모든 테이블에 대해 CSS 규칙을 설정 한 다음 class = "dojoxGrid"가 작동하는 테이블에 대해 후속 규칙을 설정하지 않습니까? 아니면 내가 뭔가 빠졌나요?


가장 안전한 방법은 해당 테이블에 클래스를 만들고이를 사용하는 것입니다. 현재 모든 주요 브라우저에서 이와 같은 기능이 작동 할 가능성은 거의 없습니다.


나는 똑같은 문제가 있었지만 : not이 내 경우 제대로 작동하지 않았으므로 신체 부하에 대한 CSS 규칙을 업데이트했습니다.

참고 URL : https://stackoverflow.com/questions/2489674/how-to-create-a-css-rule-for-all-elements-except-one-class

반응형