Определяем язык страницы в CSS

::: разработка, фронтенд, css, советы

Для многоязычных сайтов, часто нужно переопределить стили блоков для определенной локали. аньше я добавлял класс с названием языка тегу body или определял язык через [lang=en].

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

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

Поддержка IE7+, подробнее на caniuse