CSS - 偽類 :lang()

CSS 偽類:lang()根據作為引數傳遞給函式的語言匹配元素。

可能的值

<language-code>

一個或多個用逗號分隔的<string>列表，用於定位具有語言值的元素。
該值應符合BCP47語言程式碼。
匹配的語言範圍區分大小寫。

允許隱式萬用字元匹配，例如:lang(de-DE)將匹配de-DE, de-DE-1996, de-Latn-DE, de-Latf-DE和de-Latn-DE-1996。

顯式使用萬用字元需要包含語言子標籤的完全匹配。

語法

:lang(<language-code> [, ]*) {
   /* ... */
}

CSS :lang() 示例

這是一個:lang()偽類的示例

<html>
<head>
<style>
   :lang(en) > q {
      quotes: '""';
   }
   :lang(fr) > q {
      quotes: '« ' ' »';
      color: white;
      background-color: steelblue;
   }
   div {
      padding: 10px;
   }
</style>
</head>
<body>
   <h2>:lang() selector example</h2>
   <div lang="en">
   <q>Lorem ipsum is simply dummy text</q>
   </div>
   <div lang="fr">
   <q>Lorem ipsum is simply dummy text</q>
   </div>
</body>
</html>

列印頁面