บทความโดย
zeldaลำดับของการแสดงผล หรือ cascading order
เวลาที่เราเขียน css ขึ้นมาซักไฟล์นึง การแสดงผลของ css นี่ปกติแล้วจะอ่านจากบนลงล่าง
เพราะฉะนั้นถ้าคุณเขียน selector ซ้ำกันแล้ว selector ตัวใดที่อยู่ปิดท้ายสุด ตัวนั้นจะแสดงผล
ยกตัวอย่างเช่น
.topmenu {
font-size: 14px;
} .topmenu {
font-size: 16px;
} ตัวหนังสือที่ได้จะแสดงขนาด 16px แต่ถ้าคุณกำหนด !important ไว้แนบชิดสนิทกับ value ค่านั้นๆจะแสดงผลเป็นอันดับแรก ไม่ว่าจะวางไว้ตรงไหนของไฟล์ เช่น
.topmenu {
font-size: 14px!important;
} .topmenu {
font-size: 16px;
} ตัวหนังสือจะแสดงขนาด 14px
เป็นไงครับ ไม่ยากใช่มั้ย เดี๋ยวมาเขียนต่อ
ลิงค์หัวข้อ:
http://dexmore.com/topic/303