CSS - Pseudo-classe: lang

Descrizione

La pseudo-classe : lang viene utilizzata per specificare una lingua da utilizzare in un elemento specificato.

Questa classe è utile nei documenti che devono fare riferimento a più lingue che hanno convenzioni diverse per determinati costrutti linguistici. Ad esempio, la lingua francese utilizza in genere le parentesi angolari (<e>) per le virgolette, mentre la lingua inglese utilizza le virgolette ("e").

Durante la definizione di pseudo-classi in un blocco <style> ... </style>, è necessario prestare attenzione ai seguenti punti:

  • I nomi delle pseudo-classi non fanno distinzione tra maiuscole e minuscole.

  • Le pseudo-classi sono diverse dalle classi CSS ma possono essere combinate.

Esempio

In un documento che deve affrontare questa differenza, puoi usare la pseudo-classe: lang per modificare le virgolette in modo appropriato. Il codice seguente modifica il tag <blockquote> in modo appropriato per la lingua utilizzata:

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

I selettori: lang si applicheranno a tutti gli elementi nel documento. Tuttavia, non tutti gli elementi utilizzano la proprietà quotes, quindi l'effetto sarà trasparente per la maggior parte degli elementi.