خصوصية محدد CSS والأسبقية

قواعد تحديد خصوصية المحدد:

1. ! هام وتجاوز الأنماط المضمنة:

   الأنماط المعلنة بعلامة !important أو المضمنة باستخدام سمة النمط لها الأولوية القصوى.

2. الخصوصية:

   • يتم تحديد خصوصية المحدد من خلال عدد ونوع مكوناته:
     • #id له خصوصية أعلى من .classname
     • له خصوصية أعلى من اسم العلامة
   ]
القاعدة الأخيرة تسود:

3. إذا كان هناك محددان لهما نفس الخصوصية، فإن المحدد الأخير في ملف CSS له الأسبقية.
مثال:

ضع في اعتبارك قواعد CSS التالية:

body {font-size: 14px; } #header { حجم الخط: 16 بكسل؛

body { font-size: 14px; }
#header { font-size: 16px; }

ملاحظة:

ليس من غير المألوف أن يكون هناك قواعد متعددة تستهدف نفس العنصر بمستويات مختلفة من الخصوصية. يمكن استخدام هذا لتحسين الأنماط لحالات محددة أو تجاوز القواعد العامة لحالات محددة.