Помогите с CSS [href^=".."]

[Удален]
392

Здравствуйте!

Скажите пожалуйста как реализовать следующее:

- есть одностраничный сайт на 4 языках;

- шаблон для всех языков один.

Как для url выбранного языка site.ru/de через css скрыть DIV блок, но чтобы он отображался на других url: site.ru, site.ru/en, site.ru/es

Нашел такую конструкцию, но не помогло:

.hidden [href^="de/"] {
display: none;
}

Вариант сделать отдельный шаб не рассматриваю.

Благодарю за ответы!

werty1001
На сайте с 30.03.2008
Offline
82
#1

Если у вас разный атрибут lang у тега html на страницах, то можно так:

<div class="myblock">...</div>


html[lang="ru"] .myblock {display: none;}
html[lang="de"] .myblock {display: block;}

Можно добавить атрибут lang прямо ссылке и использовать псевдокласс:

<a href="#" lang="ru">Главная</a>

<a href="#" lang="en">Main page</a>

a:lang(en) {color: green;}
a:lang(ru) {color: red;}
Магазин аккаунтов с балансом Litres,DNS,Ozon,Rotapost и еще 50+ других сервисов тут - vk.cc/7QK0Sk
[Удален]
#2

werty1001, благодарю!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий