• June 3, 2017

    !important ต่อท้าย เช่น
    css ตัวเก่า จะทำให้ตัวมันลบทุกสิทธิ์

    div.contenedor{
       margin:15px !important;
       width:145px !important;
       height:145px;
       background-color: #233c80;
       overflow: hidden;
    }

    css ตัวใหม่

    div.contenedor{
       margin:15px;
       width:145px;
       height:145px;
       background-color: #233c80;
       overflow: hidden;
    }
    

    css ตัวเก่าส่วน  margin:15px !important; width:145px !important; ก็จะแสดงผลโดยไม่สนใจ css ตัวใหม่
    CSS Selector มากมาย ปัญหาที่น่าจะเจอกันบ่อย ๆ คือ CSS เขียนแล้วไม่ยอมทำงาน เพราะโดน Selector ตัวอื่นเขียนทับ ต้องใส่ !important

    แต่ยิ่งเราเขียนโค้ดเยอะ ๆ ก็จะพบว่าการใส่ !important จะทำให้มีปัญหาตีกับ Element อื่นอีกในเวลาต่อมา โค้ดดูแลยากในระยะยาว



เวอไนน์ไอคอร์ส

ประหยัดเวลากว่า 100 เท่า!






เวอไนน์เว็บไซต์⚡️
สร้างเว็บไซต์ ดูแลเว็บไซต์

Categories