มันแปลว่าอะไรเป็นหลัก ว่า 'สิ่งนี้สำคัญไม่สนใจกฎที่ตามมาและปัญหาเฉพาะเจาะจงตามปกติให้ใช้กฎนี้ !'
ในการใช้งานตามปกติกฎที่กำหนดไว้ในสไตล์ชีทภายนอกจะถูกแทนที่ด้วยสไตล์ที่กำหนดไว้ในheadเอกสารซึ่งในทางกลับกันจะถูกแทนที่ด้วยสไตล์อินไลน์ภายในองค์ประกอบของตัวเอง การกำหนดกฎด้วย!important'แอตทริบิวต์' (?) จะยกเลิกข้อกังวลตามปกติโดยคำนึงถึงกฎ 'ภายหลัง' ที่แทนที่กฎ 'ก่อนหน้า'
โดยปกติแล้วกฎที่เจาะจงยิ่งกว่านั้นจะแทนที่กฎที่เจาะจงน้อยลง ดังนั้น:
a {
/* css */
}
โดยปกติจะถูกแทนที่โดย:
body div #elementID ul li a {
/* css */
}
เนื่องจากตัวเลือกหลังนั้นมีความเฉพาะเจาะจงมากกว่า (และไม่ปกติโดยทั่วไปไม่ว่าจะพบตัวเลือกที่เฉพาะเจาะจงมากขึ้น (ในheadหรือสไตล์ชีตภายนอก) จะยังคงแทนที่ตัวเลือกที่เฉพาะเจาะจงน้อยลง (แอตทริบิวต์ของสไตล์ในบรรทัดจะเสมอแทนที่ตัวเลือก 'more-' หรือตัวเลือก 'less-' เนื่องจากจะมีความเฉพาะเจาะจงมากกว่า
อย่างไรก็ตามหากคุณเพิ่มลง!importantในการประกาศ CSS ของตัวเลือกที่ไม่เจาะจงก็จะมีความสำคัญ
การใช้!importantมีจุดประสงค์ (แม้ว่าฉันจะพยายามคิดถึงพวกมัน) แต่มันก็เหมือนกับการใช้ระเบิดนิวเคลียร์เพื่อหยุดสุนัขจิ้งจอกฆ่าไก่ของคุณ ใช่สุนัขจิ้งจอกจะถูกฆ่า แต่ไก่ก็เช่นกัน และบริเวณใกล้เคียง
นอกจากนี้ยังทำให้การดีบัก CSS ของคุณเป็นฝันร้าย (จากส่วนตัวประสบการณ์เชิงประจักษ์)