SELECTOR IN CASCADING STYLE SHEET: CSS [Part1]

SELECTOR IN CASCADING STYLE SHEET: CSS
ตัวเลือกสำหรับการกำหนดสไตล์

Selector คือ ตัวเลือกสำหรับการกำหนดไสตล์ โดย Selector เป็นการเลือก element ที่สอดคล้องกับเงื่อนไข เพื่อแสดงผลตามที่ Selector นั้นๆ กำหนดไว้เฉพาะนั่นเอง โดย Selector มีโครงสร้างดังนี้

Selector {
          Property: Value;}

โดยที่

          Selector คือ ชื่อของตัวเลือกสำหรับการกำหนดสไตล์
          Property คือ คุณสมบัติที่ต้องการกำหนดการแสดงผล
          Value คือ ค่าของคุณสมบัติ (Property)
          เครื่องหมาย { } คือ ขอบเขตของ Selector นั้นๆ
          เครื่องหมาย : คือ การกำหนดค่าของ Property
          เครื่องหมาย ; คือ การจบการกำหนดค่าของ Property
          ชุดของ Property: Value; เรียกว่า Declaration

Selector นั้นมีหลากหลายแบบ โดยสามารถจำแนกเป็น 6 ประเภทใหญ่ๆ คือ

          1. ตัวเลือกอเนกประสงค์ (Universal Selector)

          2. ตัวเลือกชนิดอีลิเมนท์ (Element Selector)

          3. ตัวเลือกชนิดไอดี (ID Selector)

          4. ตัวเลือกชนิดคลาส (Class Selector)

          5. ตัวเลือกชนิดแอ็ตทริบิวท์ (Attribute Selector)

          6. ตัวเลือกเทียม (Pseudo-Selector)