CSS - Pseudo-classe: lang

Descrição

A pseudo classe : lang é usada para especificar um idioma a ser usado em um elemento especificado.

Esta classe é útil em documentos que devem apelar a vários idiomas que têm convenções diferentes para certas construções de linguagem. Por exemplo, o idioma francês normalmente usa colchetes angulares (<e>) para fins de citação, enquanto o idioma inglês usa aspas ('e').

Ao definir pseudo-classes em um bloco <style> ... </style>, os seguintes pontos devem ser tomados cuidado -

Os nomes das pseudoclasses não diferenciam maiúsculas de minúsculas.
As pseudo classes são diferentes das classes CSS, mas podem ser combinadas.

Exemplo

Em um documento que precisa abordar essa diferença, você pode usar a pseudoclasse: lang para alterar as aspas de forma adequada. O código a seguir altera a tag <blockquote> apropriadamente para o idioma que está sendo usado -

<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>

Os seletores: lang serão aplicados a todos os elementos do documento. No entanto, nem todos os elementos usam a propriedade aspas, então o efeito será transparente para a maioria dos elementos.

↰ Previous page