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