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!=''].

css css-selectors MR.ABC
fonte
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
Possível duplicata de elementos Select onde o atributo não está vazio
usuário

Respostas:

191

tente isso

<style>
    [Data-Attribute]:not([Data-Attribute=""])
    {
        background-color: Red;
    }
</style>
Sangram Parmar
fonte
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