English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Rappresenta l'elemento con l'attributo denominato con nome, il valore dell'attributo è "value" o inizia con "value-" ("-" è un trattino, codice Unicode U+002D). L'applicazione tipica è quella di abbinare il codice abbreviato della lingua (ad esempio, zh-CN, zh-TW possono essere utilizzati come value).
Manuale di riferimento completo per i selettori CSS
Seleziona gli elementi con l'attributo lang che inizia con "en" e imposta il loro stile:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Manuale di base (oldtoolbag.com)</title>
<style>
[lang|=en]
{
background:yellow;
}
</style>
</head>
<body>
<p lang="en">Hello!</p>
<p lang="en-us">Hi!</p>
<p lang="en-gb">Ello!</p>
<p lang="us">Hi!</p>
<p lang="no">Hei!</p>
<p><b>Attenzione:</b> Se [ <i>attribute</i>~=<i>value</i> ] deve funzionare in IE8 e versioni precedenti, è necessario dichiarare il DOCTYPE.</p>
</body>
</html>Prova a vedere ‹/›[attribute|=value] Selettore utilizzato per selezionare gli elementi con un valore di attributo che inizia con il valore specificato.
Attenzione:Questo valore è l'intera parola, sia che sia singola come lang="en" o come trattino - come lang=en-us possono farlo.
IEFirefoxOperaChromeSafari
Tutti i browser principali supportano [attribute|=value] Selettore.
Attenzione: [attribute|=valueDeve essere dichiarato in IE8 e versioni precedenti<!DOCTYPE>
Manuale CSS: Selettore di attributo CSS
Seleziona un elemento con l'attributo class che inizia con 'top' e impostalo in rosso:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Manuale di base (oldtoolbag.com)</title>
<style>
[class|=top]
{
background:red;
color:white;
}
</style>
</head>
<body>
<h1 class="top-header">Benvenuto</h1>
<p class="top-text">Ciao mondo!</p>
<p class="content">Stai imparando CSS?</p>
</body>
</html>Prova a vedere ‹/›