CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSでの：lang疑似クラスの使用

：lang疑似クラスを使用して、指定した要素で使用する言語を指定します。このクラスは、特定の言語構成に対して異なる規則を持つ複数の言語にアピールする必要があるドキュメントで役立ちます。

例

次のコードを実行して、：lang疑似クラスの使用法を理解することができます

<html>
   <head>
      <style>
         /* 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>

  1. CSSの：lang疑似クラス

    CSS：lang（）疑似クラスセレクターは、lang属性が指定された要素を選択するために使用されます。これにより、コンテンツに関連付けられている特定の言語をターゲットにして、それに応じてスタイルを設定できます。 構文 以下は構文です- :lang(){    /*declarations*/ } CSS：lang（）疑似クラスセレクターの例を見てみましょう- 例 <!DOCTYPE html> <html> <head> <style> p:lang(it)::after {    padding: 2

  2. CSSの疑似クラスとは何ですか

    CSS疑似クラスは、さまざまな要素の特殊な状態を表します。これらのクラスは、ドキュメント内の基本要素だけでなく、ステータス、位置、履歴などの外部要因も表します。これらの疑似クラスを使用すると、開発者は、を介して直接選択できない要素のスタイルを設定することもできます。 CSSセレクター。 構文 以下は、要素でCSSPseudoクラスを使用する構文です- Selector:pseudo-class {    css-property: /*value*/; } 例 CSS疑似クラスを使用する例を見てみましょう- <!DOCTYPE html> <html&