CSS [ατριβούς~=τιμή] Επιλογέας

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

CSS [ατριβούς~=τιμή] Ο επιλογέας χρησιμοποιείται για την επιλογή στοιχείων που περιέχουν συγκεκριμένες λέξεις στη τιμή του ατριβού.

Ο παρακάτω παράδειγμα θα ταιριάζει με τα στοιχεία που έχουν "title="flower"", "title="summer flower"" και "title="flower new"", αλλά δεν θα ταιριάζει με τα στοιχεία που έχουν "title="my-flower"" ή "title="flowers"".

Παράδειγμα

Επιλέξτε και ρυθμίστε το στυλ όλων των στοιχείων που περιέχουν το όνομα "flower" στην ιδιότητα "title":

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

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

Γλώσσα CSS

[ατριβούς ~= τιμή] {
  θέσεις css;
}

Τεχνικά Στοιχεία

Έκδοση: CSS2

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

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

Chrome Edge Firefox Safari Opera
4.0 7.0 2.0 3.1 9.6

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

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

Εκμάθηση CSS:Συμπεριφόρα του CSS Επιλογέα Αναγνώρισης Αtribουτών