تجاوز الأنماط المضمنة باستخدام CSS الخارجية

عند العمل باستخدام ترميز HTML الذي يحتوي على أنماط مضمنة، قد تواجه مواقف حيث تحتاج إلى تجاوز هذه الأنماط الأنماط باستخدام CSS الخارجية. ومع ذلك، فإن تطبيق قواعد CSS العادية قد لا يعمل دائمًا على النحو المنشود.

لتجاوز الأنماط المضمنة بشكل فعال، يمكنك استخدام الكلمة الأساسية !important في قواعد CSS الخاصة بك. تضيف هذه الكلمة الأساسية أسبقية أعلى للقاعدة، مما يسمح لها بأن تصبح سارية المفعول حتى في حالة وجود أنماط مضمنة.

على سبيل المثال، ضع في اعتبارك ترميز HTML التالي:

 
إذا حاولت تجاوز النمط المضمن لعنصر div باستخدام قاعدة CSS:
div {
    color: blue;
}
لن يتم تجاوز النمط المضمن. لضمان الكتابة فوق النمط المضمّن، استخدم الكلمة الأساسية !important:
div {
    color: blue !important;
}
من خلال إضافة !important إلى القاعدة، فإنك تمنحها أسبقية أعلى على النمط المضمن. ونتيجة لذلك، سيتم الآن عرض النص الموجود داخل عنصر div باللون الأزرق، على الرغم من أن النمط المضمن يعين اللون بشكل واضح إلى اللون الأحمر.