CSS การใช้งาน Selectors (id Selector)

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderator: mindphp, ผู้ดูแลกระดาน

thitikorn_lp
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 677
ลงทะเบียนเมื่อ: 28/07/2014 10:24 am

CSS การใช้งาน Selectors (id Selector)

โพสต์ที่ยังไม่ได้อ่าน โดย thitikorn_lp »

CSS การเรียกใช้งาน ID Selectors

Selector จะทำให้เราสามารถเลือกได้ว่าต้องการจะจัดการกับองค์ประกอบในหน้า HTML ของเราได้อย่างไร ต้องการกำหนดรูปแบบที่ตรงไหน ในตอนนี้จะเป็นการกำหนด selector ด้วย id

กำหนดโดยใช้ "ไอดี" (id Selector)

โค้ด: เลือกทั้งหมด

#name_id {
        text-align: center;
        color: blue;
        } 
- การกำหนดโดยใช้ id ใน CSS จะขึ้นต้นด้วยสัญญลักษณ์ # แล้วตามด้วยชื่อ id ที่เราต้องการเสมอ
- ชื่อ 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>
** ข้อห้าม : ห้ามขึ้นต้น id ด้วยตัวเลขเด็ดขาด
ผลที่ได้
แนบไฟล์
2015-02-11_14-49-38.png
2015-02-11_14-49-38.png (12.71 KiB) Viewed 1180 times
รูปภาพ
ภาพประจำตัวสมาชิก
thatsawan
PHP VIP Members
PHP VIP Members
โพสต์: 28508
ลงทะเบียนเมื่อ: 31/03/2014 10:02 am
ติดต่อ:

Re: CSS การใช้งาน Selectors (id Selector)

โพสต์ที่ยังไม่ได้อ่าน โดย thatsawan »

ขอถามหน่อยจิ ทำไมถึงขึ้นต้น id ด้วยเลขไม่ได้ค่ะ
thitikorn_lp
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 677
ลงทะเบียนเมื่อ: 28/07/2014 10:24 am

Re: CSS การใช้งาน Selectors (id Selector)

โพสต์ที่ยังไม่ได้อ่าน โดย thitikorn_lp »

ที่ CSS ไม่ให้ขึ้นต้นด้วยตัวเลข เพราะว่า .... มันผิด syntax ของ CSS คือผิดกฏของมัน

ถ้าลองเขียนโดยให้ขึ้นต้นด้วยตัวเลข ถามว่า เขียนได้ไหม เขียนได้ค่ะ แต่มันจะหาสไตล์นั้นไม่เจอ :)
รูปภาพ
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 54