Índice

Selectores de atributos

[atr]

Designa un elemento que contiene el atributo atr informado. 

[atr="valor"]

Designa un elemento que contiene el atributo atr con el valor indicado.

[atr~="valor"]

Corresponde a todo elemento donde el atributo atr contenga una lista de valores separados por espacios y donde alguno de ellos sea este valor.

[atr|="valor"]

Corresponde a todo elemento donde el atributo atr contenga una lista de valores separados por guiones comenzando por el valor.

[atrˆ="valor"]

Representa un elemento donde el atributo atr comience con el prefijo indicado.

[atr$="valor"]

Representa un elemento donde el atributo atr termine con el sufijo indicado.

[atr*="valor"]

Representa un elemento donde el atributo atr contenga una instancia u ocurrencia del valor indicado.

Estos selectores de atributos están implementados en Firefox 3.6+, Safari 5+, Chrome 7+, Opera 10.6+ e Internet Explorer 9+.

Ejemplos

<!DOCTYPE html>  
<html lang="es">  
<head>  
   <title>Html5</title>  
   <meta charset="UTF-8">  
</head>  
<body>  
<div class="titulo">Selectores de atributo</div>  
<div name="uno">Lorem ipsum</div>  
<div title="dos">Lorem ipsum </div>  
<div title="tres">Lorem ipsum </div>  
<div name="ultimo">Lorem ...