2013-06-22 45 views
61

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

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

+0

Nó sẽ không thể tương tự cho '' nếu bạn đang nói về bộ chọn jQuery, vì bộ chọn jQuery là tương đương với '[dữ liệu thuộc tính = ''!]: Không ([Dữ liệu-thuộc tính = '']) 'và không khớp nếu thuộc tính không được chỉ định. – BoltClock

+0

Bản sao có thể có của [Chọn các phần tử trong đó thuộc tính không trống] (http://stackoverflow.com/questions/16429220/select-elements-where-attribute-is-non-empty) – user

Trả lời

123

thử này

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

Tôi đã thấy tốt hơn (hoặc khác nhau) giải pháp ở đây: http://stackoverflow.com/questions/16429220/select-elements-where-attribute-is-non-empty – Sven

+4

@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 hệt với câu trả lời này. – rybo111

+0

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

Các vấn đề liên quan