Селектор атрибутов CSS для непустых атрибутов

92

Есть ли селектор CSS, который применяется к непустым атрибутам? Использование :not([Data-Attribute=''])совпадений, если атрибут также не существует .

Ищу что-то вроде [Data-Attribute!=''].

css css-selectors Г-н ABC
источник
Это не будет похоже на [Data-Attribute!='']то, что вы говорите о селекторе jQuery, потому что селектор jQuery эквивалентен :not([Data-Attribute=''])и соответствует, если атрибут не указан.
BoltClock
Возможный дубликат элементов Select с непустым атрибутом
пользователь

Ответы:

196

попробуй это

<style>
    [Data-Attribute]:not([Data-Attribute=""])
    {
        background-color: Red;
    }
</style>
Санграм Пармар
источник
8
Я видел здесь лучшее (или другое) решение: stackoverflow.com/questions/16429220/…
Sven
6
@Sven Единственное решение по этой ссылке, которое отвечает на этот вопрос (выберите определенный атрибут данных, который не является пустым), идентично этому ответу.
rybo111 01
Да, решение, представленное здесь, нацелено на то, что ему нужно, а решение по ссылке выше требует контрстайлинга.
будет
Это решение влияет на неожиданные элементы (если соответствует атрибуту attr title).
Павел Власов