English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento CSS

Regole CSS @

Manuale completo delle proprietà CSS

Selettore CSS [attribute|=value]

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

Esempio online

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 ‹/›

Definizione e uso

[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.

Compatibilità del browser

IEFirefoxOperaChromeSafari

Tutti i browser principali supportano [attribute|=value] Selettore.

Attenzione: [attribute|=valueDeve essere dichiarato in IE8 e versioni precedenti<!DOCTYPE>

Articoli correlati

Manuale CSS: Selettore di attributo CSS

Esempio online

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 ‹/›
Manuale di riferimento completo per i selettori CSS