الصنف :lang()
< CSS
الصنف الزائف :lang()
في CSS (أي pseudo-class) يطابق العناصر اعتمادًا على لغة تلك العناصر.
هذا المُحدِّد يُحدِّد أيّة عناصر <p>
مكتوبة باللغة الإنكليزية:
p:lang(en) {
quotes: '\201C' '\201D' '\2018' '\2019';
}
لاحظ أنَّ اللغة في مستندات HTML تُحدَّد عبر الخاصية lang
، والعنصر <meta>، وقد تؤخذ معلومات من البروتوكول (مثل ترويسات HTTP).
الشكل العام لهذا المحدد:
:lang( <language-code> )
حيث <language-code>
هي سلسلة نصية <string>
تُمثِّل اللغة التي تريد تحديد العناصر المكتوبة فيها، والقيم المسموحة مُعرَّفة في مواصفة BCP 47.
أمثلة
استخدمنا الصنف الزائف :lang()
في المثال الآتي لمُطابقة العنصر الأب للاقتباسات <q>
باستخدام مُحدِّد الأبناء:
<div lang="en"><q>هذا الاقتباس يحوي على <q>اقتباس داخلي</q> فيه.</q></div>
<div lang="fr"><q>هذا الاقتباس يحوي على <q>اقتباس داخلي</q> فيه.</q></div>
<div lang="de"><q>هذا الاقتباس يحوي على <q>اقتباس داخلي</q> فيه.</q></div>
شيفرة CSS:
:lang(en) > q { quotes: '\201C' '\201D' '\2018' '\2019'; }
:lang(fr) > q { quotes: '« ' ' »'; }
:lang(de) > q { quotes: '»' '«' '\2039' '\203A'; }
دعم المتصفحات
الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
الدعم الأساسي | 1.0 | 1.0 | 8.0 | 8.0 | 3.1 |
انظر أيضًا
- صفحة الخاصية
direction
التي تضبط اتجاه النص.
مصادر ومواصفات
- مسودة Selectors Level 4.
- مواصفة Selectors Level 3.
- مواصفة CSS Level 2 (Revision 1).