حسنًا، أعتقد أن الطريقة التي يعمل بها CSS بشكل طبيعي هي ببساطة تخطي المتغيرات والقيام بما يلي:
/* تعيين أساس التصميم */
body {
border-width: 2px;
background-color: #3498db;
margin: 1rem;
}
/* تجاوز الإعدادات على مستوى المكون عند الحاجة */
.d-topic-list,
.d-sidebar {
border-width: 1px;
}
ربما أنا فقط كبير في السن.
المشكلة الحقيقية هي هذا
مثال: استهداف .btn أو button ببساطة:
.btn {
border: 1px solid red;
}
يفوت أزرار المشاركات ولكنه يستهدف رابط “المشاهدات” وقائمة الهامبرغر.
