CSS中的:lang偽類定義了一種樣式選擇器,它可以根據文本流中的語言屬性來匹配元素。
/* 通過語言屬性匹配元素 */ :lang(en) { color: blue; } :lang(zh) { color: red; }
在上面的代碼中,當元素的lang屬性為en時,文本將呈現為藍色,并且當lang屬性為zh時將呈現為紅色。這個偽類也可以使用通配符(*)和前綴匹配等方法來匹配更具體的語言。
/* 通配符*匹配任意語言 */ *[lang*="en"] { color: blue; } /* 前綴語法匹配任意el-開頭的語言 */ *[lang|="el"] { color: red; }
在上面的代碼中,第一個樣式將匹配帶有任何包含“en”的語言屬性的元素,而第二個樣式將匹配以“el”為前綴的任何語言屬性。
總之,語言選擇器是用于根據文本的語言屬性樣式化特定元素的有用技巧。