()lang:

()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 و اندروید پشتیبانی می شود.