Css-pseudo-class-lang

提供：Dev Guides

移動先:案内、検索

CSS-疑似クラス：lang

説明

_：lang_擬似クラスは、指定された要素で使用する言語を指定するために使用されます。

このクラスは、特定の言語構成に対して異なる規則を持つ複数の言語にアピールする必要があるドキュメントで役立ちます。たとえば、フランス語では通常、引用符に山括弧（<および>）を使用しますが、英語では引用符（ 'および'）を使用します。

<style> … </style>ブロックで擬似クラスを定義している間、次の点に注意する必要があります-

擬似クラス名は大文字と小文字が区別されません。
疑似クラスはCSSクラスとは異なりますが、組み合わせることができます。

例

この違いに対処する必要があるドキュメントでは、：lang疑似クラスを使用して、引用符を適切に変更できます。次のコードは、使用されている言語に合わせて<blockquote>タグを適切に変更します-

<html>
   <head>
      <style type = "text/css">
        /* Two levels of quotes for two languages*/
         :lang(en) { quotes: '"' '"'  "'"  "'"; }
         :lang(fr) { quotes: "<<" ">>" "<" ">"; }
      </style>
   </head>

   <body>
      <p>...<q lang = "fr">A quote in a paragraph</q>...</p>
   </body>
</html>

：langセレクターは、ドキュメント内のすべての要素に適用されます。ただし、すべての要素がquotesプロパティを使用するわけではないため、ほとんどの要素では効果が透過的です。

「https://www.finddevguides.com/index.php?title=Css-pseudo-class-lang&oldid=11689」から取得

Css Tutorial