:lang()
:lang()
是一種 CSS 偽類(pseudo-class)。它會根據括號中指定的語系,來選擇使用的元素。
語法
語法格式
css
:lang(<language-code>) {
/* ... */
}
參數
範例
在此例中,:lang()
偽類 會依據 「引用元素 quote」 (<q>
) 的父層來選擇 子組合子 ( child combinators )。 請注意,此處演示的方法並不是唯一的,並且最好的方式,是依據文檔類型來確定。還要注意的是, Unicode 的值,有明確指定到那些你要使用的字符。
HTML
html
<div lang="en">
<q>This English quote has a <q>nested</q> quote inside.</q>
</div>
<div lang="fr">
<q>This French quote has a <q>nested</q> quote inside.</q>
</div>
<div lang="de">
<q>This German quote has a <q>nested</q> quote inside.</q>
</div>
CSS
css
:lang(en) > q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
:lang(fr) > q {
quotes: "« " " »";
}
:lang(de) > q {
quotes: "»" "«" "\2039" "\203A";
}
結果
技術規格
Specification |
---|
Selectors Level 4 # lang-pseudo |
瀏覽器兼容性
BCD tables only load in the browser
其他參考
- 語言相關偽類:
:lang
,:dir
- HTML
lang
屬性 - BCP 47——識別語言的標籤