Latest web development tutorials

CSS selettori di attributo

elementi di stile HTML con attributi specifici

stile elemento HTML non è solo class e id con proprietà specifiche.

Nota :! IE7 e IE8 dichiarazione DOCTYPE hanno bisogno di sostegno solo selettori di attributo!IE6 e le versioni precedenti non supportano selettori di attributo.

selettori di attributo

Il seguente esempio è quello di contenere tutti gli elementi del titolo (titolo) diventa blu:

Esempi

[Titolo] { colore: blu ;}

Prova »

Attributi e valori selettori

L'esempio seguente modifica lo stile del bordo titolo title = elemento 'w3big':

Esempi

[Title = w3big] { border: 5 px solido verde ;}

Prova »

Selezionare Proprietà e valore - più valore

Ecco un esempio dell'attributo elementi di stile titolo specifica il valore di usare (-) che separa le proprietà ei valori:

Esempi

[Titolo ~ = ciao] { colore: blu ;}

Prova »

Ecco un esempio dell'attributo elemento di stile lang specifica il valore di usare (|) separa gli attributi e valori:

Esempi

[Lang | = it] { colore: blu ;}

Prova »

modulo stile

Attributo di stile selettori senza l'uso di una forma di classe o ID:

Esempi

Ingresso [type = "text"] { Larghezza: 150 px ; Display: block ; Margin-bottom: 10 px ; Background-color: giallo ;} Ingresso [type = "button"] { Larghezza: 120 px ; Margin-left: 35 px ; Display: block ;}

Prova »