[CSS] Override

Override

เราจะมาทำซ้ำหรือดัดแปลง class ที่มีอยู่แล้วโดยเปลี่ยนแค่บางจุดเพื่อแก้ปัญหาที่ต้องการโดยเพิ่มคำสั่ง

!important

ต่อท้าย css ที่ต้องการเช่น

<div class="CustomSize Tpedding14 "></div>

div.CustomSize {

1. float: left;
2. text-align: right;
3. font-weight: normal;
4. padding: 3px 1px;

}

.Tpedding14 
{

1. padding: 3px 14px !important;

}

หรือ

<div class="CustomSize"></div>

div.CustomSize {

1. float: left;
2. text-align: right;
3. font-weight: normal;
4. padding: 3px 1px;

}

div.CustomSize {

1. padding: 3px 14px !important;

}

เท่านี้ css ก็ Override  ตามคำสั่งที่มี !important ตามหลัง