谷歌翻译CSS风格西班牙语

Question

我想用谷歌翻译来设计我的菜单。菜单在英语中很管用。菜单宽度为700像素。当它翻译成西班牙语时，它会把它全部往下推。。所以我的问题是：当文本变成西班牙语时，有办法改变字体大小吗？

我试过这个，但没用。

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

我不知道代码是否真的看到了，因为谷歌翻译使用的是js。。这也是一个html网站。不是wordpress之类的。

感谢您的帮助

Answer 1

您需要将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;
}

这里有一些例子。

当li变为西班牙语时，您只需要更改它的lang属性值。