Selector จะทำให้เราสามารถเลือกได้ว่าต้องการจะจัดการกับองค์ประกอบในหน้า HTML ของเราได้อย่างไร ต้องการกำหนดรูปแบบที่ตรงไหน ในตอนนี้จะเป็นการกำหนด selector ด้วย id
กำหนดโดยใช้ "ไอดี" (id Selector)
โค้ด: เลือกทั้งหมด
#name_id {
text-align: center;
color: blue;
}
- ชื่อ id ที่จะใช้ในหน้าเพจนั้น จะต้องไม่ซ้ำกัน
- สามารถเรียกใช้ได้โดยเรียกผ่าน id="name_id"
โค้ด: เลือกทั้งหมด
<!DOCTYPE html>
<html>
<head>
<style>
#name_id {
text-align: center;
color: blue;
}
</style>
</head>
<body>
<p id="name_id">Hello MindPHP !</p>
<p>MindPHP</p>
</body>
</html>
ผลที่ได้