:lang()
CSS'deki sözde sınıf seçici onların verilen dil özelliğinin bağlamına göre elementlerle eşleşir. HTML'deki dil, lang=""
öznitelik, öğe kombinasyonu ve HTTP
Accept-Language
istek başlığı 1 alanı gibi protokolden alınan bilgilerle belirlenir . Kabul edilebilir dil kodu dizeleri HTML 4.0 spesifikasyonunda belirtilmiştir.
:lang(language-code) ( // whatever styling )
:lang(X)
öğe X dilindeyse eşleşir. Eşleşmenin yalnızca X tanımlayıcısına mı yoksa öğenin dil değerine eşit mi yoksa kısa çizgiyle ayrılmış bir alt dizesine mi dayandığını, aynı şekilde "| =" Şebeke. X'in öğenin dil değeriyle eşleştirilmesi, ASCII aralığındaki karakterler için büyük / küçük harf duyarlı olarak gerçekleştirilir. X tanımlayıcısının geçerli bir dil adı olması gerekmez. :lang
Seçicinin genel olarak veya belirli bir öğede özellikle kullanılabileceğini unutmamak önemlidir . Alt seçicileri veya :lang(language-code)
sözde sınıfı tek başına kullanmaktan çekinmeyin .
Misal
lang
Kök öğemizdeki (yani ) özniteliği kullanarak, belirtilen dile bağlı olarak tırnakları değiştirebiliriz.
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: '»' '«'; )
İngilizce (en)
Pellentesque habitant morbi tristique senectus et netus et malesuada a 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.
Fransızca (fr)
Pellentesque habitant morbi tristique senectus et netus et malesuada a 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.
Almanca (de)
Pellentesque habitant morbi tristique senectus et netus et malesuada a 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.
Language özelliği aşağıdaki öğelere uygulanamaz:
- uygulama
- temel
- Basefont
- br
- çerçeve
- çerçeve kümesi
- iframe
- param
- senaryo
Tarayıcı Desteği
Krom | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
Evet | Evet | Evet | Evet | Evet | Evet | Evet |
:lang(X)
CSS Seviye 2 Revizyon 1 spesifikasyonunun bir önerisidir ve orijinal olarak CSS Seviye 2 spesifikasyonunun bir parçası olarak önerilir.
1 HTTP başlık alanları, Köprü Metni Aktarım Protokolü'ndeki (HTTP) isteklerin ve yanıtların ileti üstbilgisinin bileşenleridir. Bir HTTP işleminin işletim parametrelerini tanımlarlar. Accept-Language
İstek-başlık alanı kabul benzer, ama isteğe karşılık olarak tercih edilmektedir, doğal dilleri kümesini kısıtlar.