Задать вопрос
@ymfront
css

Как задать стили в зависимости от языка страницы?

Есть страница, на которой нужно менять стили в зависимости от языка страницы, заданного в теге HTML:

<html lang="ru">
<html lang="en">


Нашел решение, что язык можно указать в медиазапросе, но у меня почему-то не работает.

@media (lang: en) {
    body {
        background-color: lightblue;
    }
}


Какие есть варианты решения данной задачи?
  • Вопрос задан
  • 90 просмотров
1 комментарий
Подписаться 1 Простой 1 комментарий
Решения вопроса 3
@ImMrDimm
Что если попробовать что-то такое

Объявляем переменные, которые принимают значения в зависимости от языка на уровне root
:root {
    --main-color: blue;
}


На уровне html переопределяем их как нам нравится в связке с языком

html[lang="en"]
{
    --main-color: red;
}
html[lang="ru"]
{
    --main-color: green;
}


А затем в нужных местах используем эту переменную

h1 {
color:  var(--main-color);
}


Проверил, без всяких scss/less работает
Ответ написан
Комментировать
Комментировать
alsolovyev
@alsolovyev
¯\_(ツ)_/¯ Enjoy life, Eat well & Laugh often
https://developer.mozilla.org/en-US/docs/Web/CSS/:lang
https://developer.mozilla.org/en-US/docs/Web/HTML/...
*:lang(en-US) {
  outline: 2px solid deeppink;
}
*:lang(ru) {
  color: red;
}
Ответ написан
2 комментария
2 комментария
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа 
html:lang(en) body {
  background-color: lightblue;
}
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Frontend Developer
Wanted. • Санкт-Петербург
До 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Нужно привлечь живой трафик на анкету с соц опросом из Клд
12 нояб. 2024, в 20:10
100 руб./в час
Записать видеоуроки для курса по Flutter
12 нояб. 2024, в 20:01
40000 руб./за проект
Выполнить тестовое задание в Сваггер
12 нояб. 2024, в 19:27
1000 руб./за проект
Ещё заказы