В :lang()селектора псевдо клас в CSS мачове елементи въз основа на контекста на тяхното даден език атрибут. Езикът в HTML се определя от комбинация от lang=""атрибута, елемента и от информация от протокола като полето HTTP Accept-Languageзаглавка 1 . Допустимите низове за езиков код са посочени в спецификацията на HTML 4.0.
:lang(language-code) ( // whatever styling ):lang(X)съвпада, ако елементът е на език X. Независимо дали съвпадението се основава единствено на идентификатора X, който е или равен на, или разделен с тире подсигнал на стойността на езика на елемента, по същия начин, както ако се изпълнява от „| =“ оператор. Съответствието на X с езиковата стойност на елемента се извършва без регистрация за символи в диапазона ASCII. Идентификаторът X не трябва да е валидно име на език. Важно е да се отбележи, че :langселекторът може да се използва глобално или конкретно за всеки даден елемент. Чувствайте се свободни да използвате :lang(language-code)самостоятелно селектори на потомци или псевдо класа.
Пример
Използвайки langатрибута на нашия корен елемент (т.е. ) можем да заменим кавичките в зависимост от посочения език.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
q:before ( content: open-quote; ) q:after ( content: close-quote; ) :lang(en) q ( quotes: '“' '”'; ) :lang(fr) q ( quotes: '«' '»'; ) :lang(de) q ( quotes: '»' '«'; )Английски (en)
Pellentesque обитател morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas sempre. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Френски (fr)
Pellentesque обитател morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas sempre. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Немски (de)
Pellentesque обитател morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas sempre. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Атрибутът език не може да се приложи към следните елементи:
- аплет
- база
- basefont
- бр
- кадър
- набор от рамки
- iframe
- парам
- скрипт
Поддръжка на браузър
| Chrome | Сафари | Firefox | Опера | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Да | Да | Да | Да | Да | Да | Да |
:lang(X) е препоръка от спецификациите CSS Level 2 Revision 1 и първоначално се препоръчва като част от спецификациите CSS Level 2.
1 HTTP заглавните полета са компоненти на заглавката на съобщението на заявките и отговорите в протокола за трансфер на хипертекст (HTTP). Те определят оперативните параметри на HTTP транзакция. Полето Accept-Languageзаглавка на заявката е подобно на Accept, но ограничава набора от естествени езици, които са предпочитани като отговор на заявката.