ป้ายกำกับ: Group Selector คือ

Lv.9 CSS Group Selector

Posted on by alsoon

CSS Group Selector เป็นการเลือกอิลิเมนต์ที่มีสไตล์เหมือนกันทุกอย่าง เราก็จับรวมกันสะเลย

Syntax 

ชื่อ Selector1,
ชื่อ Selector2,
ชื่อ Selector3,
ชื่อ Selector4 {
	Property1: Value;
	Property2: Value;
}

ตัวอย่าง

<!DOCTYPE html>
<html lang="th-TH">
	<head>
		<title>nkaub | CSS Group Selector</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta charset="UTF-8">
		<meta name="description" content="ทำเว็บไซต์เอง HTML CSS JavaScript jQuery PHP MySql">
		<meta name="keywords" content="ทำเว็บไซต์เอง, HTML, CSS, JavaScript, jQuery, PHP, MySql">
		<meta name="author" content="Theethawat Chetjeerasioon">
		
		<style>
			h1,
			#h2,
			.p1 {
				color: red;
				text-align: center;
				font-size: 14px;
			}
		</style>

	</head>
	<body>
	
		<h1>หัวเรื่อง h1</h1>
		<h2 id="h2">หัวเรื่อง h2</h2>
		<p class="p1">พารากราฟ</p>
		
	</body>
</html>
Top