ซีเอส เอส ตัวเลือกคลาส
ตัวอย่าง
เลือกและจัดรูปแบบองค์ประกอบทั้งหมดด้วย class="intro":
.intro {
background-color: yellow;
}
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
ตัว.class
เลือกเลือกองค์ประกอบที่มีแอตทริบิวต์คลาสเฉพาะ
ในการเลือกองค์ประกอบที่มีคลาสเฉพาะ ให้เขียนอักขระจุด (.) ตามด้วยชื่อของคลาส
คุณยังระบุได้ด้วยว่าคลาสควรได้รับผลกระทบจากองค์ประกอบ HTML ที่เฉพาะเจาะจงเท่านั้น เมื่อต้องการทำสิ่งนี้ ให้เริ่มต้นด้วยชื่อองค์ประกอบ จากนั้นเขียนอักขระจุด (.) ตามด้วยชื่อของคลาส (ดูตัวอย่างที่ 1 ด้านล่าง)
องค์ประกอบ HTML ยังสามารถอ้างถึงมากกว่าหนึ่งคลาส (ดูตัวอย่างที่ 2 ด้านล่าง)
รุ่น: | CSS1 |
---|
รองรับเบราว์เซอร์
Selector | |||||
---|---|---|---|---|---|
.class | Yes | Yes | Yes | Yes | Yes |
ไวยากรณ์ CSS
.class {
css declarations;
}
ตัวอย่างเพิ่มเติม
ตัวอย่าง 1
จัดรูปแบบองค์ประกอบ <p> ทั้งหมดด้วย class="hometown":
p.hometown {
background-color: yellow;
}
ตัวอย่าง 2
<p> องค์ประกอบนี้จะถูกจัดรูปแบบตาม class="center" AND ถึง class="large":
<p class="center large">This paragraph refers to two classes.</p>