谷歌翻译CSS样式西班牙语

Question

我希望用google translate来设置我的菜单样式。菜单效果很好。菜单宽700px。当它翻译成西班牙语时，它会把它全部推下去...... 所以我的问题是：有没有办法在文本转换为西班牙语时更改文本的字体大小？

我试过这个并没有用。

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

我不知道代码是否真的看到了，因为谷歌翻译使用的是js .. 这也是一个HTML网站。不是wordpress或任何东西。

感谢您的帮助

Answer 1

您需要在html中添加lang属性：

<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;
}

here is some example。

您只需更改lang li属性值即可转换为西班牙语。