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

ซีเล็กเตอร์สากล * ช่วยให้ เลือกทุกองค์ประกอบ

ตัวอย่าง

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

* {
	color: red;
}

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

div * {
	color: red;
}

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

div > * {
	color: red;
}

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

div * span {
	color: red;
}

โค้ดที่กำหนด:

<main>
	<p>---</p>
	<p>---</p>
	
	<div>
		<p>+++</p>
		<p>+++</p>
	</div>
	<section>
		<p>+++</p>
		<p>+++</p>
	</section>
</main>

เขียนซีเล็กเตอร์ที่เลือกย่อหน้าทั้งหมด ที่อยู่ภายในผู้ปกครองใดๆ ภายใน แท็ก main