CSS [παράγοντες=τιμή] Επιλογέας

Ορισμός και χρήση

CSS [παράγοντες=τιμή] Ο επιλογέας χρησιμοποιείται για την επιλογή στοιχείων που έχουν καθορισμένο παράγοντα και όπου η τιμή του παραγόντος ταιριάζει πλήρως.

Παράδειγμα

Παράδειγμα 1

Επιλέξτε και ρυθμίστε το στυλ όλων των στοιχείων <a> με attribute target="_blank". Επιλέξτε και ρυθμίστε επίσης το στυλ όλων των στοιχείων <p> με attribute lang="it":

a[target="_blank"] {
  χρώμα υποβάθρου: κίτρινο;
}
p[lang="it"] {
  χρώμα υποβάθρου: κόκκινη γαλακτοκομική σάλτσα;
}

Δοκιμάστε το προσωπικά

Παράδειγμα 2

Ρυθμίστε το πλάτος του στοιχείου <input type="text"> σε 100px. Ωστόσο, όταν αποκτήσει έμφαση, ρυθμίστε το πλάτος του σε 250px:

input[type="text"] {
  πλάτος: 100px;
}
input[type="text"]:focus {
  πλάτος: 250px;
}

Δοκιμάστε το προσωπικά

Γραμματική CSS

[παράγοντες = τιμή] {
  καταγραφές css;
}

Τεχνικές λεπτομέρειες

Υποστήριξη προγράμματος περιήγησης

Τα αριθμήματα στη τаблицή δείχνουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως τον επιλογέα.