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

ID Selectors ใน CSS


คุณสามารถกำหนดกฎ style จากแอตทริบิวต์ id ของ element ทุก element ที่มี id นั้นจะถูกจัดรูปแบบตามกฎ

#black {
  color: #000000;
}

กฎนี้ทำให้เนื้อหาสีดำสำหรับทุก element ที่มี id="black" ในเอกสาร สามารถเฉพาะเจาะจงได้มากขึ้น:

h1#black {
  color: #000000;
}

กฎนี้ทำให้สีดำเฉพาะ <h1> ที่มี id="black"

พลังจริงของ ID selectors คือใช้เป็น foundation สำหรับ descendant selectors เช่น:

#black h2 {
  color: #000000;
}

ในตัวอย่างนี้ h2 ทุกระดับจะเป็นสีดำเมื่ออยู่ภายในแท็กที่มี id="black"