Google переводчик Стиль CSS испанский

Я хочу оформить свое меню с помощью Google Translate. Меню отлично работает на английском языке. Меню имеет ширину 700 пикселей. Когда он переводится на испанский, он все это отбрасывает. Итак, мой вопрос: есть ли способ изменить размер шрифта текста, когда он переходит на испанский?

Я пробовал это, и это не сработало.

 .nav a {
 font-size: 18px;
 }
  em:lang(es)) .nav a{
 font-size: 14px;
 }

Я не знаю, действительно ли код видит это, потому что Google переводчик использует js. Кроме того, это html-сайт. Не вордпресс или что-то в этом роде.

Спасибо за любую помощь


css styles translate
person King    schedule 20.09.2014    source источник
comment
Я не уверен, о чем вы просите, потому что я не вижу примеров или чего-то подобного, поэтому я вслепую предлагаю попробовать добавить display:inline-block; в класс   -  person Chun    schedule 20.09.2014

Ответы (1)


arrow_upward
1
arrow_downward

Вам нужно добавить атрибут lang в свой html:

<nav>
  <li lang="es"><a href="#">Spanish</a></li>
  <li lang="en"><a href="#">English</a></li>
</nav>

и CSS:

nav li[lang|="es"]  a{
   font-size:  14px;
}
nav li[lang|="es"]  en{
   font-size: 16px;
}

пример.

Вам просто нужно изменить значение атрибута lang для li, когда он перейдет на испанский язык.

person Danis    schedule 20.09.2014