انتقل إلى محتوى الدرس
الدرس 06
دورة لغة CSS

CSS Important

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

أقسام الدرس
2
الأمثلة
2
اللغة
العربية
تاريخ النشر
غير محدد
المشاهدات
4,122
محتوى الدرس
في هذا الدرس 2تصفّح المواضيع

introduction

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

Syntax

CSS
element {  
    font-size: 14px !important;   
    color: blue  !important;  
    ...  
}

CSS Important

في المثال تنافس تصريحات الخاصية نفسها، background-color، بقيم مختلفة. التصريح الأحمر يحمل !important ولذلك يتقدم على تصريحات المؤلف العادية، بما فيها التنسيق المباشر في سمة style؛ النتيجة خلفية حمراء.

عند مقارنة تصريحات عادية من المصدر والطبقة نفسيهما، تكون خصوصية محدد id أعلى من class، وclass أعلى من اسم العنصر. للتنسيق المباشر أولوية خاصة على قواعد المؤلف العادية، وعند تساوي العوامل السابقة يحسم ترتيب الظهور.

لا تعني !important الفوز على كل شيء: إذا تنافست تصريحات مهمة، تدخل مرتبة المصدر وطبقات التتالي ثم خصوصية المحدد وترتيب الظهور في القرار. كما تتقدم تصريحات المستخدم المهمة على تصريحات مؤلف الصفحة المهمة، وتوجد أولوية خاصة للانتقالات أثناء عملها. لا تزيد العلامة خصوصية المحدد نفسه.

استخدمها عند وجود سبب واضح ووثّقه؛ لا تجعلها بديلًا دائمًا لتنظيم قواعد CSS.

HTML
p {
  background-color: red !important;
}

مشاركة

هل كان هذا الدرس مفيدًا؟

جارٍ تحميل الآراء…

ابنِ لغتك البرمجية

المصطلحات10

راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.

0 / 10 مفهومةأول بطاقة، أول خطوة
01 Important أهمية
للمراجعة
02 Keyword كلمة
للمراجعة
03 Introduction مقدمة
للمراجعة
04 Style نمط أو شكل
للمراجعة
05 Element عنصر
للمراجعة
06 Property خاصية
للمراجعة
07 Selector محدد
للمراجعة
08 Inline مضمن
للمراجعة
09 Class فئة
للمراجعة
10 Tag Name اسم العلامة
للمراجعة

اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.

حروف قليلة. معنى كامل.

الاختصارات3

راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.

0 / 3 مفهومةأول بطاقة، أول خطوة
01 CSS CSS
Cascading Style Sheets
صفحات الأنماط الانسيابية
للمراجعة
02 HTML HTML
Hypertext Markup Language
لغة توصيف النص الفائق الخاصة ببناء صفحة الإنترنت<p><a href="https://www.closetag.com/tutorial/html/html-introduction">المزيد عن HTML</a></p>
للمراجعة
03 ID ID
Idenitity
معرف هوية فريد
للمراجعة

اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.

مساحة التحدي

اختبر فهمك.
ووصلها للإتقان.

كل سؤال خطوة لقدّام. اختار، اكتب كود، وشوف نتيجتك فورًا.

2أسئلة 2أنواع تحديات 100%هدف الإتقان
تصحيح تلقائي. فرص بلا حدود.

أكمل المهام، واجمع كل الإجابات الصحيحة. أقل من 100%؟ راجع وأعد المحاولة.

الأسئلة متاحة للاطلاع. سجّل الدخول للتفاعل وحفظ تقدمك.

لمحة عن التحدي2 أسئلة تنتظرك
01

تُستخدم الخاصية ................ في CSS لإعطاء أهمية أكبر مقارنة بالخاصية العادية.

____
02

إذا استخدمت! قاعدة important! ، فستتجاوز جميع ال style السابقة لتلك الخاصية المحدد على هذا العنصر ؟