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 p
las etiquetas de la página que tengan un id
atributo, 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 i
justo 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:
- Manejo de errores CSS
- Importar un archivo CSS usando @import
- Bordes CSS
- 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
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