سؤال عن !important

السلام عليكم

للتبسيط وبشكل عام المتصفح يقوم بتطبيق خصائص الستايل من اعلى الملف الى اسفل بالتالي عند وجود تكرار لنفس الخاصية لنفس العنصر يتم أخذ الاخيرة في الملف

مثلا لو وضعنا الكود التالي في ملف ستايل :

p { color: red;}
p { color: blue;}

p { color: green;}

عند وجود P في HTML ستأخذ اللون الاخير في الملف وهو في المثال اللون الاخضر green .

لكن عند استعمال important يتم اخذ الخصائص الموسومة بهذا الوسم بغض النظر عما سيأتي فيما بعد كمثال

p { color: red!important;}
p{ color: blue;}

p  { color: green;}

سيظهر اللون الاحمر بسبب وجود important .

طبعا هنا المثال على الالوان لكنه ينطبق على بقية الوسوم والخصائص .

وانظر الى هذاالمثال الفعلي

مشكور على الشرح الوافي

الله يجزيك الخير

TareqVB كتب:

السلام عليكم

للتبسيط وبشكل عام المتصفح يقوم بتطبيق خصائص الستايل من اعلى الملف الى اسفل بالتالي عند وجود تكرار لنفس الخاصية لنفس العنصر يتم أخذ الاخيرة في الملف

مثلا لو وضعنا الكود التالي في ملف ستايل :

p { color: red;}
p { color: blue;}

p { color: green;}

عند وجود P في HTML ستأخذ اللون الاخير في الملف وهو في المثال اللون الاخضر green .

لكن عند استعمال important يتم اخذ الخصائص الموسومة بهذا الوسم بغض النظر عما سيأتي فيما بعد كمثال

p { color: red!important;}
p{ color: blue;}

p  { color: green;}

سيظهر اللون الاحمر بسبب وجود important .

طبعا هنا المثال على الالوان لكنه ينطبق على بقية الوسوم والخصائص .

وانظر الى هذاالمثال الفعلي