Selector de atributos CSS para atributos no vacíos

92

¿Existe un selector de CSS que se aplique a los atributos no vacíos ? También se usan :not([Data-Attribute=''])coincidencias si el atributo no existe .

Estoy buscando algo como [Data-Attribute!=''].

css css-selectors Señor ABC
fuente
No sería similar a [Data-Attribute!='']si estuviera hablando del selector jQuery, porque el selector jQuery es equivalente :not([Data-Attribute=''])y coincide si el atributo no está especificado.
BoltClock
Posible duplicado de los elementos Select donde el atributo no está vacío
usuario

Respuestas:

196

prueba esto

<style>
    [Data-Attribute]:not([Data-Attribute=""])
    {
        background-color: Red;
    }
</style>
sangram parmar
fuente
8
He visto una solución mejor (o diferente) aquí: stackoverflow.com/questions/16429220/…
Sven
6
@Sven La única solución en ese enlace que responde a esta pregunta (seleccione un atributo de datos específico que no esté vacío) es idéntica a esta respuesta.
rybo111
Sí, la solución proporcionada aquí se enfoca en lo que necesita, la del enlace anterior requiere un estilo diferente.
será el
Esta solución afecta a elementos inesperados (si coincide con el atributo title).
Pavel Vlasov