» » Разные стили для разных языков сайта на CSS

Разные стили для разных языков сайта на CSS

Очень часто возникает необходимость, чтобы какие-то элементы сайта на разных языках отображались по разному. Ранее можно было к примеру к тегу body задать класс, для каждого языка свой, но сейчас в этом отпала необходимость

Сегодня наткнулся на способ получше — псевдокласс :lang. Так если на странице у тега htmlустановлен атрибут lang=ru, то стили для блока .example переопределит код:


.example:lang(ru) {
    /* стили для русской локали */
}

Если задан аттрибут lang=en, то стили будут следующие:

.example:lang(en) {
    /* стили для английской локали */
}


Поддержка браузерами довольно обширная, посмотреть весь список поддержки можно на CanIUse

18-02-2019, 13:23 112 0

Комментарии


Добавление комментария