Corsi on-line

Selettore per attributi in CSS

Spesso sottoutilizzati, i selettori per attributi in CSS hanno il compito di agire sull’elemento del quale viene dichiarata una proprietà, mentre non agisce sulla proprietà stessa; la regola definita, solo apparentemente di difficile comprensione, può essere compresa in modo più immediato grazie ad un semplice esempio:

a[title] {
   color: red;
}

In pratica, grazie al selettore precedentemente definito verranno colorati di rosso esclusivamente i collegamenti a cui sarà associato anche il tag “title”, esso non avrà invece alcuna efficacia sugli altri link; i selettori per attributi possono essere concepiti anche in modo più “specialistico”, come nel codice seguente:

a[href="http://blog.mrwebmaster.it"] {
   color: red;
}

In questo secondo esempio l’attributo viene dichiarato in modo specifico, per cui la regola avrà valore soltanto in presenza di quest’ultimo che, nel caso del nostro selettore, è “http://blog.mrwebmaster.it”; i selettori per attributi dichiarati sono però estremamente rigidi, per cui ciò che esempio avrà valore per “http://blog.mrwebmaster.it” non agirà invece su varianti come “”http://blog.mrwebmaster.it/php/””.

Post correlati
I più letti del mese
Tematiche