شبه کلاس ()lang: در CSS

:lang() Pseudo-class

شبه کلاس ()lang: در CSS، عناصر را بر حسب زبانی که برای هر یک از آنها مشخص و تعیین شده، هدف قرار می دهد.

نکته: در HTML، زبان بوسیله ترکیبی از صفت lang، عنصر <meta>، و یا توسط اطلاعاتی از پروتکلهایی مانند HTTP تعیین می شود. برای دیگر انواع اسناد احتمالا راه های دیگری برای تعیین زبان وجود دارد.

در این مثال، توسط شبه کلاس ()lang: نوشته هایی که به زبانهای مختلف تعریف شده اند، هدف قرار گرفته و استایل دهی می شوند.

html

<p lang="fa">.این یک متن فارسی است</p>
<p lang="en">This is an English text.</p>
<p lang="fr">Ceci est un texte français</p>

css

p { text-align: center; }
p:lang(fa) { 
  color: #fff;
  background-color: green;
}
p:lang(en) { 
  color: #fff;
  background-color: tomato;
}
p:lang(fr) { 
  color: #fff;
  background-color: dodgerblue;
}

مشاهده و ویرایش کد در حالت تمام صفحه

پشتیبانی مرورگرها
تمام مرورگرها از این شبه کلاس در CSS پشتیبانی می کنند.