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