Як визначити мову сторінки в CSS
Привіт:) У цій короткій замітці покажу швидкий та простий спосіб визначити мову сторінки за допомогою CSS.
Для цього можна скористатись псевдокласом :lang(), який вибирає елементи, ґрунтуючись на мові сторінки, яка задана у тегові <html>:
<!-- Варіант 1 -->
<html lang="en">
<!-- Варіант 2 -->
<html lang="en-US">
<!-- Варіант 3 -->
<html lang="en_US">Наприклад, потрібно на багатомовному сайті для всіх його україномовних сторінок змінити колір для тега <header>:
header:lang(uk) {
background-color: red;
}Код підходить для усіх позначень локалі:
<html lang="uk">
<html lang="uk-UA">
<html lang="uk_UA">Якщо потрібно для окремих мов сторінок сайту задавати різні CSS-властивості:
header:lang(uk) {
background-color: red;
}
header:lang(en) {
background-color: green;
}