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


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

Respuestas:


196

prueba esto

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

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
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.