: lang () - CSS Hileleri

Anonim

: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-Languageistek 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. :langSeç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

langKö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.