Lv.10 CSS Specific Selector

CSS Specific Selector เป็นการเลือกอิลิเมนต์แบบเฉพาะเจาะจง เช่นเรามีแท็ก <p> หลายๆแท็ก เราต้องการระบุแบบเฉพาะจง เราจะเลือกยังไงมาดูกัน

Syntax

ชื่อแท็กตามด้วย id หรือ class {
	Property1: Value;
	Property2: Value;
}

ตัวอย่าง

<!DOCTYPE html>
<html lang="th-TH">
	<head>
		<title>nkaub | CSS Specific 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>
			p {
				text-align: center;
			}
			p.p1 {
				color: red;
			}
			
			p#p2 {
				color: blue;
			}
		</style>

	</head>
	<body>
		
		<p>พารากราฟ 1</p>
		<p>พารากราฟ 2</p>
		<p class="p1">พารากราฟ 3</p>
		<p id="p2">พารากราฟ 4</p>
		<p>พารากราฟ 5</p>
		
	</body>
</html>
Top