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

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


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

ตัวอย่าง

ลองรันโค้ดต่อไปนี้เพื่อเข้าใจการใช้งาน pseudo-class :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>