home

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

เลือกอิลิเมนต์ทั้งหมดที่มี class="mydemo" ด้วย CSS

เพื่อเลือกอิลิเมนต์ทั้งหมดที่มี class="mydemo" ให้ใช้ Class Selector .class ใน CSS

ตัวอย่างโค้ด

<!DOCTYPE html>
<html>
<head>
  <style>
    .demo {
      border: 2px dashed orange;
    }
  </style>
</head>
<body>
  <h1 class="demo">Heading 1</h1>
  <h1>Heading 1</h1>
  <h2>Heading 2</h2>
</body>
</html>

ผลลัพธ์: h1 แรก (ที่มี class="demo") จะมีขอบสีส้มแบบ dashed h1 ที่สองและ h2 ไม่มีขอบ เพราะไม่มี class นี้