使用CSS制作多语言网站 [英] Make multi language website using CSS
本文介绍了使用CSS制作多语言网站的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想建立两种语言的网站.我通过制作两个样式表来使用CSS，单击按钮后它将切换
I want to make two languages website. I use CSS by making two stylesheets and it will switch when the button clicked
<html>
<head>
<style type="text/css">
body.fr :lang(en) {
display: none;
}
body.en :lang(fr) {
display: none;
}
</style>
</head>
<body>
<button onclick="document.body.className='en'">English</button>
<button onclick="document.body.className='fr'">French</button>
<p lang="en">This is English</p>
<p lang="fr">This is French</p>
</body>
</html>
问题是当页面加载时，所有样式表都会出现.我只希望显示一个样式表，默认样式表是英语
The problem is when the page is loaded, all stylesheets appear. I want only one stylesheet appear, the default one is english
有人可以帮助我吗?感谢您的帮助
Anyone can help me? Thanks for any help
推荐答案
尝试一下:
<html>
<head>
<style type="text/css">
body.fr > p[lang=en] {
display: none;
}
body.en > p[lang=fr] {
display: none;
}
</style>
</head>
<body class="en">
<button onclick="document.body.className='en'">English</button>
<button onclick="document.body.className='fr'">French</button>
<p lang="en">This is English</p>
<p lang="fr">This is French</p>
</body>
</html>
这篇关于使用CSS制作多语言网站的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
