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>