Bộ chọn thuộc tính CSS cho các thuộc tính không trống


90

Có bộ chọn CSS nào áp dụng cho các thuộc tính không trống không? Sử dụng :not([Data-Attribute=''])đối sánh nếu thuộc tính không tồn tại .

Tôi đang tìm kiếm một cái gì đó giống như [Data-Attribute!=''].


Nó sẽ không tương tự như [Data-Attribute!='']nếu bạn đang nói về bộ chọn jQuery, bởi vì bộ chọn jQuery tương đương :not([Data-Attribute=''])và sẽ khớp nếu thuộc tính không được chỉ định.
BoltClock

Câu trả lời:


191

thử cái này

<style>
    [Data-Attribute]:not([Data-Attribute=""])
    {
        background-color: Red;
    }
</style>

8
Tôi đã thấy một giải pháp tốt hơn (hoặc khác) ở đây: stackoverflow.com/questions/16429220/…
Sven

6
@Sven Giải pháp duy nhất trên liên kết đó trả lời câu hỏi này (chọn một thuộc tính dữ liệu cụ thể không trống) giống với câu trả lời này.
rybo111

Đúng vậy, giải pháp được cung cấp ở đây nhắm mục tiêu những gì anh ấy cần, giải pháp trong liên kết ở trên yêu cầu tạo kiểu ngược.
sẽ

Giải pháp này ảnh hưởng đến các yếu tố không mong đợi (nếu trùng khớp title).
Pavel Vlasov
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.