CSS การใช้งาน Selectors (id Selector)
Posted: 11/02/2015 3:12 pm
CSS การเรียกใช้งาน ID Selectors
Selector จะทำให้เราสามารถเลือกได้ว่าต้องการจะจัดการกับองค์ประกอบในหน้า HTML ของเราได้อย่างไร ต้องการกำหนดรูปแบบที่ตรงไหน ในตอนนี้จะเป็นการกำหนด selector ด้วย id
กำหนดโดยใช้ "ไอดี" (id Selector)
- การกำหนดโดยใช้ id ใน CSS จะขึ้นต้นด้วยสัญญลักษณ์ # แล้วตามด้วยชื่อ id ที่เราต้องการเสมอ
- ชื่อ id ที่จะใช้ในหน้าเพจนั้น จะต้องไม่ซ้ำกัน
- สามารถเรียกใช้ได้โดยเรียกผ่าน id="name_id"
** ข้อห้าม : ห้ามขึ้นต้น id ด้วยตัวเลขเด็ดขาด
ผลที่ได้
Selector จะทำให้เราสามารถเลือกได้ว่าต้องการจะจัดการกับองค์ประกอบในหน้า HTML ของเราได้อย่างไร ต้องการกำหนดรูปแบบที่ตรงไหน ในตอนนี้จะเป็นการกำหนด selector ด้วย id
กำหนดโดยใช้ "ไอดี" (id Selector)
Code: Select all
#name_id {
text-align: center;
color: blue;
}
- ชื่อ id ที่จะใช้ในหน้าเพจนั้น จะต้องไม่ซ้ำกัน
- สามารถเรียกใช้ได้โดยเรียกผ่าน id="name_id"
Code: Select all
<!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>
ผลที่ได้