CSS        22 мая 2016        1654         0

Введение в псевдокласс :lang

Сегодня я познакомлю Вас с очень полезным псевдоклассом в CSS :lang, о котором знают далеко не все. На самом деле я сам недавно узнал о нём, когда заказчик попросил сделать одну фичу на сайте.
Для начала прочитаем понятие об этом псевдоклассе:

Определяет язык, который используется в документе или его фрагменте. С помощью псевдокласса :lang можно задавать определённые настройки, характерные для разных языков, например, вид кавычек в цитатах.

Другими словами с помощью :lang, Вы можете задавать элементам разные стилевые оформления в зависимости от языка используемого на сайте.
Рассмотрим три примера:

Скрываем блок в зависимости от языка

Соответственно мы задаем родительскому элементу нужный язык и потом с помощью псевдокласса отображаем нужный нам блок на нужном языке.
CSS :lang Скрываем блок в зависимости от языка

Изменения фона блока в зависимости от языка

CSS :lang Изменения фона блока в зависимости от языка

Изменения цвета текста в зависимости от языка

CSS :lang Изменение фона блока в зависимости от языка

Таким образом с помощью псевдокласса :lang в CSS, мы можем гибко управлять визуальным оформлением блоков в зависимости от текущего языка на сайте, это очень эффективно в паре с переключением языков на любой CMS.

Введение в псевдокласс :lang
5 (100%) Проголосовало: 2

comments powered by HyperComments