เลือกอิลิเมนต์ทั้งหมดด้วย CSS Universal Selector

เพื่อเลือกอิลิเมนต์ทั้งหมดในหน้าเว็บ ให้ใช้ Universal Selector * ใน CSS

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

ลองรันโค้ดด้านล่างเพื่อเลือกทุกอิลิเมนต์:

<!DOCTYPE html>
<html>
<head>
  <style>
    * {
      color: blue;
      background-color: orange;
    }
  </style>
</head>
<body>
  <h1>Demo Website</h1>
  <h2>Learning</h2>
  <p id="tutorials">Tutorials on web dev, programming, database, networking, etc.</p>
  <p>Every tutorials has lessons with illustrations and figures.</p>
</body>
</html>

คำอธิบาย: * { color: blue; background-color: orange; } ใช้กับทุกอิลิเมนต์ในหน้า (html, body, h1, h2, p, ทุกอย่าง) ตัวอักษรสีน้ำเงิน พื้นหลังสีส้ม ใช้สำหรับ CSS Reset หรือตั้งค่าเริ่มต้นทั่วไป เช่น * { box-sizing: border-box; margin: 0; padding: 0; }