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.

Yorumlar

Musterisi

Ocak 16, 2018, 10:52 am

Güzel yazınız için teşekkürler

NiklOn

Ocak 23, 2018, 4:19 am

Faydalı yazı olmuş

MichaelChuRo

Ocak 23, 2018, 6:15 am

Teşekkürler

Zafar-Islamov-rit

Ocak 23, 2018, 3:35 pm

Css’in güzellikleri işte 🙂

Mashases

Ocak 23, 2018, 3:58 pm

Bu yazınız çok işime yaradı.

Yorum Yap

manavgat baca temizleme manavgat baca temizliği

manavgat vidanjör