CSS [attributo≈=valore] Selettore

Definizione e uso

CSS [attributo≈=valore] Il selettore viene utilizzato per selezionare gli elementi che contengono una parola specifica nel valore dell'attributo.

L'esempio seguente corrisponde agli elementi con title="fiore"、title="estate fiore" e title="fiore nuovo" ma non corrisponde agli elementi con title="mio-fiore" o title="fiori".

Esempio

Seleziona e imposta lo stile degli elementi che contengono la parola "fiore" nell'attributo title:

[title~="fiore"] {
  border: 5px solid green;
}

Prova tu stesso

Sintassi CSS

[attributo ≈= valore] {
  declarazioni css;
}

Dettagli tecnici

Versione: CSS2

Supporto del browser

I numeri nella tabella rappresentano la versione del browser iniziale che supporta completamente il selettore.

Chrome Edge Firefox Safari Opera
4.0 7.0 2.0 3.1 9.6

Pagine correlate

Corso CSS:Selettore CSS per attributo

Corso CSS:Dettagli dell' 选择器 di attributo CSS