Concepto
Estos selectores permiten seleccionar elementos basados en un atributo o valor de atributo. Existen 7 tipos de selectores:
Tipos
|
Selector
|
Descripción
|
Ejemplo
|
|
[attribute]
|
Selecciona el elemento que contiene el atributo indicado
|
|
|
[attribute]="value"
|
Seleccionar el elemento con el atributo y el valor indicado
|
|
|
[attribute$="value"]
|
Selecciona el elemento cuyo atributo TERMINA con el valor indicado
|
|
|
[attribute|="value"]
|
Selecciona el elemento cuyo atributo INICIA con el valor indicado (Estricto)
|
|
|
[attribute^="value"]
|
Selecciona el elemento cuyo atributo INICIA con el valor indicado.
Es válido:
class="top"
class="top-"
class ="topcontent"
|
|
|
[attribute~="value"]
|
Selecciona elementos donde el valor del atributo CONTIENE el valor indicado (Estricto)
|
|
|
[attribute*="value"]
|
Selecciona elementos donde el valor del atributo CONTIENE el valor indicado
|