Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

การใช้ :lang pseudo-class ใน CSS


ใช้คลาส :lang pseudo เพื่อระบุภาษาที่จะใช้ในองค์ประกอบที่ระบุ คลาสนี้มีประโยชน์ในเอกสารที่ต้องดึงดูดหลายภาษาที่มีแบบแผนที่แตกต่างกันสำหรับโครงสร้างภาษาบางภาษา

ตัวอย่าง

คุณสามารถลองรันโค้ดต่อไปนี้เพื่อทำความเข้าใจการใช้งาน :lang pseudo class

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