ซีเล็กเตอร์สากลใน CSS

ซีเล็กเตอร์สากล * อนุญาตให้เลือกองค์ประกอบทั้งหมด

ไวยากรณ์

css* {
  
}

ตัวอย่าง

มาเลือกองค์ประกอบทั้งหมดและกำหนดสีให้เป็นสีแดง:

css* {
  color: red;
}

ตัวอย่าง

มาเลือกองค์ประกอบทั้งหมดที่อยู่ภายในแท็ก div และกำหนดสีให้เป็นสีแดง:

cssdiv * {
  color: red;
}

ตัวอย่าง

มาเลือกองค์ประกอบทั้งหมดที่อยู่ภายในแท็ก div โดยตรง และกำหนดสีให้เป็นสีแดง:

cssdiv > * {
  color: red;
}

ตัวอย่าง

มาเลือกองค์ประกอบทั้งหมดที่อยู่ภายในแท็ก span ซึ่งอยู่ในแท็กใดๆ ที่อยู่ในแท็ก div อีกที:

cssdiv * span {
  color: red;
}

ดูเพิ่มเติม

  • คุณสมบัติ border-width,
    ซึ่งกำหนดความหนาของเส้นขอบ
  • คุณสมบัติ border-style,
    ซึ่งกำหนดประเภทของเส้นขอบ
  • คุณสมบัติ border,
    ซึ่งเป็นคุณสมบัติแบบย่อสำหรับเส้นขอบ