ในบทความนี้ผมจะนำตัวอย่างการกำหนด Style Sheet ทุก ๆ ประเภท Selectors เพื่อเป็นกรณีศึกษาให้กับผู้อ่าน ได้นำไปประยุกต์ใช้งานต่อได้นะครับ เราไปดูกันเลยครับ
ในบทความนี้จะกล่าวถึง Selectors อีกประเภทหนึ่ง ซึ่งก็คือ Class and ID Selectors ซึ่งวิธีนี้จะทำให้เราระบุได้ว่าเราต้องการให้อิลิเมนต์ตัวไหนได้รับคุณสมบัติของ Style ที่เรากำหนดได้โดยตรง โดยใช้ attribute "class" และ "id" ในการกำหนดให้กับอิลิเมนต์นั้น ๆ ที่ต้องการกำหนดคุณสมบัติให้มัน
Selectors ประเภท Contextual/Descendant Selectors นั้นได้รับสนับสนุนจากบราวเซอร์ตั้งแต่เวอร์ชันที่กำหนดดังนี้ IE5.5, Mozilla 1.7, Opera 7.5 และ Safari 1.2 ซึ่งความหมายของ descendant ก็คือว่า element ที่เป็น child (อิลิเมนต์ลูก), grandchild (อิลิเมนต์หลาน), great grandchild (อิลิเมนต์เหลน), และ อิลิเมนต์อื่น ๆ ที่ทำการอ้างอิงความสัมพันธ์กับอิลิเมนต์บรรพบุรุษ
Selectors ประเภท Universal Selector นี้ได้รับการสนับสนุนการใช้งานจากบราวเซอร์ต่าง ๆ ตั้งแต่เวอร์ชันที่กำหนดไว้ ดังนี้ IE5.5, Mozilla 1.7, Opera 7.5 และ Safari 1.2 ซึ่ง Universal Selector จะถูกแทนด้วยสัญลักษณ asterisk (*) เมื่อเรากำหนดไว้ในเอกสารนั้น ๆ จะเป็นการบอกว่าเราต้องการใช้ style ภายใน Universal Selector ที่กำหนดทุก ๆ อิลิเมนต์
ในหมวดหมู่นี้ ผมจะนำเสนอบทความที่รวบรวมชนิดของ selectors ทั้งหมดของ CSS เนื่อจาก Selectors นั้นมีหลายประเภทมาก ผมจึงแยกออกมาเป็นหมวดหมู่หนึ่งเพื่ออธิบายเกี่ยวกับเรื่องนี้อย่างละเอียด และให้ผู้อ่านได้ทำความเข้าใจกันครับ เราไปดูกันครับว่าชนิดของ Selectors มีอะไรบ้าง
Login
Search