CSS [attribute|=value] Επιλογέας

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

CSS [attribute|=value] Ο επιλογέας χρησιμοποιείται για την επιλογή στοιχείων που έχουν συγκεκριμένη ιδιότητα και η τιμή της ιδιότητας ταιριάζει πλήρως ή ξεκινά με την τιμή που ακολουθείται από το τμήμα (-).

Σημείωση:Η τιμή πρέπει να είναι μια πλήρης λέξη, είτε να εμφανίζεται μόνο της, όπως lang="en", είτε να ακολουθείται από το τμήμα (-), όπως lang="en-us".

Παράδειγμα

Παράδειγμα 1

Επιλέξτε και ρυθμίστε το στυλ του στοιχείου με την τιμή της ιδιότητας lang ως "en" ή "en-":

[lang|="en"] {
  background-color: yellow;
}

Προσπαθήστε το شخصικά

Παράδειγμα 2

Επιλέξτε και ρυθμίστε το στυλ του στοιχείου με την τιμή της ιδιότητας class ως "top" ή "top-":

[class|="top"] {
  background-color: yellow;
}

Προσπαθήστε το شخصικά

Γλώσσα της CSS

[attribute |= value] {
  declarations του css;
}

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

Έκδοση: CSS2

Υποστήριξη του πλοηγού

Τα αριθμήματα στη τάβλη αποδεικνύουν την πρώτη έκδοση του πλοηγού που υποστηρίζει πλήρως τον επιλογέα.

Chrome Edge Firefox Safari Opera
4.0 7.0 2.0 3.1 9.6

Σχετικές σελίδες

CSS Εκμάθηση:CSS επιλογέας ιδιοτήτων

CSS Εκμάθηση:Επεξήγηση του CSS Πρότυπου Αναλογίας