Селектор атрибутов 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.