Bộ chọn CSS không phải là con của loại phần tử?


81

Tôi muốn tạo kiểu cho codecác phần tử không nằm trong athẻ.

Cách tiếp cận tốt nhất để thực hiện điều này là gì?

code:not(a code)dường như không hoạt động chút nào, ít nhất là trên Chrome, mặc dù có vẻ như nó sẽ

Tôi cũng không thể làm cho nó hoạt động từ bảng điều khiển.

Có bất kỳ cách tiếp cận chỉ css nào khác mà tôi có thể sử dụng cho việc này không?

Câu trả lời:


117

:not không hỗ trợ bộ chọn tổ hợp.

Nếu chúng ta đang nói về cha mẹ trực tiếp của nó:

:not(a) > code

Nếu không, không có cách nào để làm điều này trong CSS. Bạn sẽ phải ghi đè nó:

code {
    /* some styles */
}

a code {
    /* override previous styles */
}

vấn đề ở đó là tôi không muốn sử dụng bộ chọn sao
bevacqua

9
Vì tò mò: Tôi không biết tại sao, nhưng có :not(a) > codehiệu quả, trong khi :not(a) codekhông, bất kỳ ý kiến ​​nào tại sao? (vẫn còn chrome)
bevacqua

34
@Nico - Bởi vì :not(a) codetìm kiếm bất kỳ tổ tiên nào không phải là tổ tiêna , điều đó luôn đúng. :not(a) > codechỉ nhìn vào phụ huynh trực tiếp.
Joseph Silber

Jackpot, tôi nên làm như vậy.
bevacqua
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.