()lang یک pseudo-class می باشد که برای انتخاب و استایل دهی به عنصری که دارای زبانی خاص است, می باشد.
تکه کد زیر را در نظر بگیرید:
.element:lang(X) {
color: blue;
}
در اینجا اگر عنصری که کلاس element دارد به زبان X باشد رنگ متن آن آبی خواهد شد.
در HTML زبان از ترکیب چند مورد برای یک عنصر مشخص می شود. آن موارد شامل ویژگی lang, تگ meta و در مواردی اطلاعات پروتکل هایی مثل HTTP و موارد دیگر می باشند.
در زیر نحوه تعیین کردن زبان تگ html به زبان فارسی نشان داده شده است:
<html lang="fa">
این انتخابگر می تواند به صورت سراسری استفاده شود. به عنوان مثال با استفاده از تکه کد زیر می توان تمام عناصری که به زبان فرانسه هستند را انتخاب کرد:
:lang(fr) {
/* استایل ها در اینجا قرار می گیرند */
}
برای یک مثال کاربردی می توان به گذاشتن علامت نقل قول متفاوت در زبان های مختلف اشاره کرد. در دموی زیر برای سه زبان انگلیسی و فرانسوی و آلمانی از علامت نقل قول متفاوت استفاده شده است و برای تشخیص زبان در CSS از این انتخابگر استفاده شده است:
See the Pen :lang() by Mojtaba Seyedi (@seyedi) on CodePen.
پشتیبانی مرورگرها
()lang: در مرورگرهای کروم, فایرفاکس, سافاری, اپرا و اینترنت اکسپلورر +8 و سیستم عامل های iOS و اندروید پشتیبانی می شود.
عالی کامل مرسی