الخصوصية والتتالي

حين تتنازع قاعدتان خاصيةً واحدة على عنصر واحد، يحكم المتصفح بـ الخصوصية أولًا: المعرّف #id يغلب أي عدد من الأصناف، والصنف يغلب أي عدد من الوسوم. فإن تساوتا فازت المتأخّرة في الملف.

ولهذا تكتب .active فلا يتغيّر اللون: #sidebar .menu a أخصّ منها بمعرّف كامل. لكن الخطّ العريض طُبّق، لأن تلك القاعدة لا تذكره — الخاسر يخسر الخاصية المتنازع عليها وحدها.

والحلّ السريع !important فخّ: يكسب هذه الجولة ويبدأ حربًا، فكل تعديل بعده يحتاج !important آخر بمُحدِّد أثقل. الحلّ الحقيقي أن تخفض الخصوصية: أصناف قليلة، وبلا معرّفات في الأنماط.