Kazım Ölmez

Web Tasarım Uzmanı

Css :lang() Seçicisi

Selâmün Aleyküm. Bu yazının konusu “Css :lang() Seçicisi“.

Css :lang() Seçicisi

Arkadaşlar css2 ile gelen bu özellik sayesinde dillere göre css tanımlayabiliyoruz. Mesela siteniz çok dilli olsun. İngilizce dilini kullanırken <body> elementinin arkaplanına ingilizceyle alakalı bi resim attınız ve ziyaretçi türkçe dilini kullanırsa o dille ilgili resmi koymak istiyorsunuz. İşte tam burada lang() seçicisi devreye giriyor.

Nasıl Kullanılır?


<body lang="tr"></body>


body:lang(tr) {
background: #aaa;

color: #ccc;
}
body:lang(en) {

background: #000;

color: #fff;
}

Gördüğünüz gibi önce <body> elementine lang etikeni koyduk. Bunu yapmazsak css tanımlamalarımız çalışmayacaktır. Bu özelliği herhangi bir <div> veya başka bir element üzerinde de kullanabilirsiniz. Kullanımı bu kadar kolay.
Hepinize kolay gelsin.

Selâmetle.

Yorum Yap

alanya kanalizasyon açma alanya tıkanıklık açma alanya tuvalet açma