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


92

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

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


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

Ответы:


196

попробуй это

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

8
Я видел здесь лучшее (или другое) решение: stackoverflow.com/questions/16429220/…
Sven

6
@Sven Единственное решение по этой ссылке, которое отвечает на этот вопрос (выберите определенный атрибут данных, который не является пустым), идентично этому ответу.
rybo111 01

Да, решение, представленное здесь, нацелено на то, что ему нужно, а решение по ссылке выше требует контрстайлинга.
будет

Это решение влияет на неожиданные элементы (если соответствует атрибуту attr title).
Павел Власов
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.