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


92

Чи існує селектор CSS, який застосовується до непустих атрибутів? Використання :not([Data-Attribute=''])збігів, якщо атрибут також не існує .

Я шукаю щось на зразок [Data-Attribute!=''].


Це не було б подібним до [Data-Attribute!='']випадку, якщо ви говорите про селектор jQuery, оскільки селектор jQuery еквівалентний :not([Data-Attribute=''])і відповідає, якщо атрибут не вказаний.
BoltClock

Відповіді:


194

спробуйте це

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

8
Я бачив краще (або інше) рішення тут: stackoverflow.com/questions/16429220/…
Свен,

6
@Sven Єдине рішення за цим посиланням, яке відповідає на це запитання (виберіть конкретний атрибут даних, який не є порожнім), ідентичне цій відповіді.
rybo111

Так, наведене тут рішення націлене на те, що йому потрібно, а те, що наведене у посиланні вище, вимагає контрстилю.
буде

Це рішення впливає на несподівані елементи (якщо збігається attr title).
Павло Власов
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.