Làm cách nào để tạo quy tắc css cho tất cả các thành phần ngoại trừ một lớp?

Question

Tôi đã tạo một biểu định kiểu CSS cho dự án của mình. Có cách nào tôi có thể tạo ra một quy tắc css áp dụng cho tất cả các yếu tố bảng EXCEPT yếu tố bảng thuộc lớp "dojoxGrid"? Một cái gì đó như:

.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; 
} 

Answer 1

negation pseudo-class có vẻ là những gì bạn đang tìm kiếm.

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

It's not supported by ≤ IE8 though.

Answer 2

Sẽ không đặt quy tắc css cho tất cả các bảng và sau đó là quy tắc tiếp theo cho bảng nơi class = "dojoxGrid" hoạt động? Hay tôi đang thiếu một cái gì đó?

Answer 3

Đặt cược an toàn nhất là tạo một lớp trên các bảng đó và sử dụng nó. Hiện tại việc nhận được một cái gì đó như thế này để làm việc trong tất cả các trình duyệt chính là không thể.

Answer 4

Tôi chỉ có cùng một vấn đề, nhưng: không hoạt động đúng trong trường hợp của tôi vì vậy tôi đã cập nhật các quy tắc css về tải trọng cơ thể.