Manuale di riferimento CSS

Regole @CSS (RULES)

Completo manuale CSS

Funzioni CSS Manuale completo dei selettori CSS

Selettore [attribute~=value] CSS

Rappresenta l'elemento con l'attributo chiamato attribute, che è una lista di valori separati da spazi, uno dei quali corrisponde a value.

Manuale di riferimento completo per i selettori CSS

Esempio online

Seleziona tutti gli elementi con l'attributo title che contiene la parola "flower"

Esempio

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Tutorial di base (oldtoolbag.com)</title>　
<style>
[title~=flower]
{
　　　　border:5px solid red;
}
</style>
</head>
<body>
<p>Se la proprietà title dell'immagine contiene la parola "flower", viene impostato un bordo rosso.</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>Attenzione:</b> Se [attribute~=value] deve funzionare in IE8 e versioni precedenti, il DOCTYPE deve essere dichiarato.</p>
</body>
</html>

Prova a vedere ‹/›

Definizione e uso

[attribute~=value]. Selettore utilizzato per selezionare l'elemento che contiene una parola specifica nel valore dell'attributo.

Compatibilità del browser

IEFirefoxOperaChromeSafari

Tutti i browser mainstream supportano [attribute~=value]. Selettore

Attenzione:[attribute~=valueDeve essere dichiarato in IE8 <!DOCTYPE>.