CSS [ατριβούς~=τιμή] Επιλογέας
- τη προηγούμενη σελίδα [attribute=value]
- Επόμενη σελίδα [attribute|=value]
- Επιστροφή στο προηγούμενο επίπεδο Εκπαιδευτικός Οδηγός Επιλογέων 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ουτών
- τη προηγούμενη σελίδα [attribute=value]
- Επόμενη σελίδα [attribute|=value]
- Επιστροφή στο προηγούμενο επίπεδο Εκπαιδευτικός Οδηγός Επιλογέων CSS