libro de referencia CSS

reglas @CSS (RULES)

propiedades CSS

Funciones CSS (Functions)Manual completo de selectores CSS

Selector [attribute~=value] de CSS

Representa un elemento que tiene un atributo nombrado como attribute y ese atributo es una lista de valores separados por espacios, de los cuales al menos uno coincide con "value".

Manual de referencias de selectores CSS completos

Ejemplo en línea

Seleccionar todos los elementos con la propiedad title que contienen la palabra "flower"

Ejemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Tutorial básico (oldtoolbag.com)</title>/title>　
<style>
[title~=flower]
{
　　　　borde:5px sólido rojo;
}
</style>
</head>
<body>
<p>Si la propiedad title de la imagen contiene la palabra "flower", se establecerá un borde rojo.</p>/p>
<img src="klematis.jpg" title="klematis flower" width="150" height="113"　/>
<img src="img_flwr.gif" title="flowers" width="224" height="162"　/>
<img src="landscape.jpg" title="landscape" width="160" height="120"　/>
<p><b>Nota:</b>Si [<i>attribute</i>~=<i>value</i>] para IE8　Funciona en versiones anteriores a/p>
</body>
</html>

Prueba aquí ‹/›

Definición y uso

[attribute~=value] selector se utiliza para seleccionar elementos cuyos valores de atributo contienen una palabra específica.

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten[attribute~=value] selector.

Nota:[attribute~=value] en IE8Se debe declarar en <!DOCTYPE>.