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

ใช้ CSS Class หลายคลาสสำหรับองค์ประกอบเดียวใน HTML


ใช้แอตทริบิวต์ class ระบุหลายคลัสคั่นด้วยช่องว่าง

ตัวอย่าง

<!DOCTYPE html> <html>    <head>       <style>          h2.myClass1 { background-color: black; }          .myClass2 { color: red; }       </style>    </head>    <body>       <h2 class="myClass1 myClass2">Tutorialspoint</h2>       <h3>Simply Easy Learning</h3>    </body> </html>

<h2 class="myClass1 myClass2"> ใช้งานได้ทั้งสองคลาส: myClass1 ให้พื้นหลังดำ myClass2 ให้ตัวอักษรแดง คลาสที่ประกาศภายหลังหรือมี specificity สูงกว่าจะชนะหากมีการทับซ้อน