Seletor de atributo CSS para atributos não vazios


90

Existe um seletor CSS que se aplica a atributos não vazios ? Usar :not([Data-Attribute=''])correspondências se o atributo também não existir .

Estou procurando algo como [Data-Attribute!=''].


Não seria semelhante a [Data-Attribute!='']se você estivesse falando sobre o seletor jQuery, porque o seletor jQuery é equivalente :not([Data-Attribute=''])e corresponde se o atributo não for especificado.
BoltClock

Respostas:


191

tente isso

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

8
Eu vi uma solução melhor (ou diferente) aqui: stackoverflow.com/questions/16429220/…
Sven

6
@Sven A única solução nesse link que responde a esta pergunta (selecione um atributo de dados específico que não esteja vazio) é idêntica a esta resposta.
rybo111

Sim, a solução fornecida aqui visa o que ele precisa, aquela no link acima requer um contra-estilo.
será

Esta solução afeta elementos inesperados (se corresponder a attr title).
Pavel Vlasov de
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.