شرح صفوف ومحتوى الفقرة
قبل الدخول في حساب أوزان المحددات، ينظر المتصفح أولاً إلى مصدر الأنماط (Style Origin). فكل متصفح يمتلك ورقة تنسيق افتراضية مدمجة تُسمى User-Agent Stylesheet تمنح وسوم HTML الخام تمايزاً مبدئياً كتكبير <h1> عن <p>. وبمجرد أن تكتب أنت أي قاعدة في أنماط المطور (Author Styles) — خارجيةً كانت أم داخلية أم سطرية — فإنها تتفوق تلقائياً على افتراضات المتصفح.
أما حين تتنافس قاعدتان من أنماط المطور ولهما القوة نفسها تماماً، فيحتكم المتصفح إلى ترتيب الورود (Source Order)؛ أي تفوز القاعدة المكتوبة أخيراً في التسلسل من الأعلى إلى الأسفل، سواء داخل ملف .css واحد أو بحسب ترتيب ظهور وسوم <link> و <style> داخل <head>.
CSS
.status-banner {
color: crimson;
font-size: 22px;
}
/* Same selector weight: later color wins */
.status-banner {
color: darkgreen;
}