Opis
: Lang Pseudo-klasa jest używana do określenia języka używać w określonym elemencie.
Ta klasa jest przydatna w dokumentach, które muszą odwoływać się do wielu języków, które mają różne konwencje dla określonych konstrukcji językowych. Na przykład język francuski zazwyczaj używa nawiasów ostrych (<i>) do celów cytowania, podczas gdy język angielski używa cudzysłowów („i”).
Definiując pseudoklasy w bloku <style> ... </style> należy zwrócić uwagę na następujące punkty -
W nazwach pseudoklas nie jest rozróżniana wielkość liter.
Pseudoklasy różnią się od klas CSS, ale można je łączyć.
Przykład
W dokumencie, który musi zająć się tą różnicą, możesz użyć pseudoklasy: lang, aby odpowiednio zmienić cudzysłowy. Poniższy kod zmienia tag <blockquote> odpowiednio dla używanego języka -
<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>
Selektory: lang zostaną zastosowane do wszystkich elementów w dokumencie. Jednak nie wszystkie elementy wykorzystują właściwość quotes, więc efekt będzie przezroczysty dla większości elementów.