Selectores de atributos CSS

 

 

 

Selectores de atributos css 1

Aprenda a utilizar los selectores de atributos CSS

En esta publicación presentaré los selectores de atributos.

Consulte también una introducción a los selectores CSS básicos . Allí presento varios de los selectores CSS básicos: uso de selectores de tipo, clase, id, cómo combinarlos, cómo apuntar a múltiples clases, cómo aplicar estilo a varios selectores en la misma regla, cómo seguir la jerarquía de la página con selectores secundarios y secundarios directos, y hermanos adyacentes.

Selectores de presencia de atributos

El primer tipo de selector es el selector de presencia de atributos.

 

Podemos comprobar si un elemento tiene un atributo utilizando la []sintaxis. p[id]seleccionará todas plas etiquetas de la página que tengan un idatributo, independientemente de su valor:

p[id] { /* ... */}

Selectores de valores de atributos exactos

Dentro de los corchetes puedes comprobar el valor del atributo usando =, y el CSS se aplicará solo si el atributo coincide con el valor exacto especificado:

p[id="my-id"] { /* ... */}

Coincidir con una parte del valor del atributo

Mientras =comprobamos el valor exacto, tenemos otros operadores: Fotos Porno y actrices porno

  • *=Comprueba si el atributo contiene el parcial
  • ^=Comprueba si el atributo comienza con el parcial
  • $=Comprueba si el atributo termina con el parcial
  • |=Comprueba si el atributo comienza con el parcial y va seguido de un guión (común en las clases, por ejemplo), o solo contiene el parcial.
  • ~=Comprueba si el parcial está contenido en el atributo, pero separado por espacios del resto.

Todas las comprobaciones que hemos mencionado distinguen entre mayúsculas y minúsculas .

 

Si agrega un signo ijusto antes del corchete de cierre, la verificación no distinguirá entre mayúsculas y minúsculas. Es compatible con muchos navegadores, pero no con todos. Consulte https://caniuse.com/#feat=css-case-insensitive .

Tips de CSS




Tal vez te puede interesar:

  1. Manejo de errores CSS
  2. Importar un archivo CSS usando @import
  3. Bordes CSS
  4. La propiedad flotante CSS y su limpieza

Selectores de atributos CSS

En esta publicación presentaré los selectores de atributos. Aprenda a utilizar los selectores de atributos CSS Aprenda a utilizar los selectores de atributos

programar

es

https://aprendeprogramando.es/static/images/programar-selectores-de-atributos-css-2016-0.jpg

2024-10-31

 

Selectores de atributos css 1
Selectores de atributos css 1

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente

 

 

Update cookies preferences