CSS 可以用來(lái)實(shí)現(xiàn)簡(jiǎn)體和繁體切換，這對(duì)于許多網(wǎng)站來(lái)說(shuō)是非常有用的。下面是一些方法可以讓你實(shí)現(xiàn)這種效果：
/* 簡(jiǎn)體中文 */
body.zh-cn *:lang(zh-cn) {
display: block !important;
}
/* 繁體中文 */
body.zh-tw *:lang(zh-tw) {
display: block !important;
}上面的代碼使用了偽類選擇器，用來(lái)匹配不同語(yǔ)言的標(biāo)記。在這個(gè)示例中，我們使用body元素上的類來(lái)區(qū)分語(yǔ)言，但是你也可以使用 HTML 元素lang屬性來(lái)表示。
在 HTML 代碼中你需要標(biāo)記出不同語(yǔ)言的內(nèi)容，這樣才能被 CSS 正確地匹配。下面是一個(gè)示例：
<html><head><meta charset="UTF-8">
<title>簡(jiǎn)體和繁體切換</title>
<style>
body.zh-cn *:lang(zh-cn) {
display: block !important;
}
body.zh-tw *:lang(zh-tw) {
display: block !important;
}
</style>
</head>
<body class="zh-cn">
<p>這是簡(jiǎn)體中文</p>
<p lang="zh-tw">這是繁體中文</p>
</body>
</html>在上面的代碼中，我們將body的類設(shè)置為zh-cn，表示這個(gè)網(wǎng)頁(yè)的默認(rèn)語(yǔ)言是簡(jiǎn)體中文。之后我們?cè)趦蓚€(gè)段落中分別設(shè)置了語(yǔ)言屬性lang，分別表示繁體中文和簡(jiǎn)體中文。
以上就是實(shí)現(xiàn)簡(jiǎn)體和繁體切換的基礎(chǔ)方法。你可以根據(jù)自己的需求定制更加精細(xì)的樣式和語(yǔ)言切換邏輯。
下一篇css 等邊距平均分布