Ο :lang()επιλογέας ψευδών τάξεων στο CSS ταιριάζει με στοιχεία που βασίζονται στο περιβάλλον του δεδομένου χαρακτηριστικού τους. Η γλώσσα σε HTML, καθορίζεται από ένα συνδυασμό του lang=""χαρακτηριστικού, του στοιχείου και από πληροφορίες από το πρωτόκολλο, όπως το πεδίο HTTP Accept-Languagerequest-header 1 . Οι αποδεκτές συμβολοσειρές κωδικού γλώσσας καθορίζονται στην προδιαγραφή HTML 4.0.
:lang(language-code) ( // whatever styling ):lang(X)ταιριάζει εάν το στοιχείο είναι στη γλώσσα X. Εάν η αντιστοίχιση βασίζεται αποκλειστικά στο αναγνωριστικό X είτε είναι ίσο είτε με ένα υπόστρωμα διαχωρισμένο με ενωτικά της τιμής γλώσσας του στοιχείου, με τον ίδιο τρόπο όπως εάν εκτελείται από το "| =" χειριστής. Η αντιστοίχιση του X με την τιμή γλώσσας του στοιχείου πραγματοποιείται με κεφαλαία γράμματα για χαρακτήρες εντός του εύρους ASCII. Το αναγνωριστικό X δεν πρέπει να είναι έγκυρο όνομα γλώσσας. Είναι σημαντικό να σημειωθεί ότι ο :langεπιλογέας μπορεί να χρησιμοποιηθεί καθολικά ή συγκεκριμένα σε οποιοδήποτε δεδομένο στοιχείο. Μη διστάσετε να χρησιμοποιήσετε μόνο τους απογόνους επιλογής ή την :lang(language-code)ψευδομάχη.
Παράδειγμα
Χρησιμοποιώντας το langχαρακτηριστικό στο ριζικό μας στοιχείο (δηλαδή ) μπορούμε να αντικαταστήσουμε εισαγωγικά ανάλογα με τη γλώσσα που καθορίζεται.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
q:before ( content: open-quote; ) q:after ( content: close-quote; ) :lang(en) q ( quotes: '“' '”'; ) :lang(fr) q ( quotes: '«' '»'; ) :lang(de) q ( quotes: '»' '«'; )Αγγλικά (en)
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, temp sit sitet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Γαλλικά (fr)
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, temp sit sitet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Γερμανικά (de)
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, temp sit sitet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Το χαρακτηριστικό γλώσσας δεν μπορεί να εφαρμοστεί στα ακόλουθα στοιχεία:
- μικροεφαρμογή
- βάση
- βασική γραμματοσειρά
- αδερ
- πλαίσιο
- κορνίζες
- iframe
- παράμετρος
- γραφή
Υποστήριξη προγράμματος περιήγησης
| Χρώμιο | Σαφάρι | Firefox | ΛΥΡΙΚΗ ΣΚΗΝΗ | ΙΕ | Android | iOS |
|---|---|---|---|---|---|---|
| Ναι | Ναι | Ναι | Ναι | Ναι | Ναι | Ναι |
:lang(X) είναι μια σύσταση των προδιαγραφών CSS Level 2 Revision 1 και συνιστάται αρχικά ως μέρος των προδιαγραφών CSS Level 2.
1 Τα πεδία κεφαλίδας HTTP είναι στοιχεία της κεφαλίδας μηνυμάτων των αιτημάτων και των απαντήσεων στο πρωτόκολλο μεταφοράς υπερκειμένου (HTTP). Καθορίζουν τις παραμέτρους λειτουργίας μιας συναλλαγής HTTP. Το Accept-Languageπεδίο κεφαλίδας αιτήματος είναι παρόμοιο με το Αποδοχή, αλλά περιορίζει το σύνολο των φυσικών γλωσσών που προτιμώνται ως απάντηση στο αίτημα.