html - بازنویسی CSS جهانی در یک کامپوننت جدید Angular

من به کمی کمک در مورد CSS نیاز دارم چون CSS من خیلی کهنه و فراموش شده است. بنابراین، من روی پروژهای کار میکنم که چند فایل CSS سراسری دارد و برای تگهای مختلف خواصی تعریف شده است (مثلاً .btn). من از یک کتابخانه خارجی به نام Form.io در پروژه خود استفاده میکنم اما این فایلهای CSS سراسری باعث میشوند فایلهای CSS از کتابخانه Form.io به هم بریزد، زیرا بعضی از کلاسها قبلاً در فایل CSS سراسری تعریف شدهاند. آیا راهی وجود دارد که بتوان آن کلاسهای خاص را بازنویسی کرد تا کتابخانه Form.io از خواص CSS تعریف شده خودش استفاده کند و نه خواص CSS سراسری؟

من تلاش کردم از :not() در فایل CSS جهانی برای کلاسهای خاصی که فکر میکنم بر کتابخانه Form.io تأثیر میگذارند استفاده کنم، اما انجام این کار بر صفحات دیگر و سبک آنها تأثیر میگذارد و این چیزی است که نمیخواهم. هر گونه کمک یا پیشنهاد بسیار عالی خواهد بود.

پاسخ شماره ۱

برای بازنویسی استایلهای جهانی، !important را در انتهای قانون CSS خود اضافه کنید.

مثال :

.btn {
  background-color: red !important;
}

امیدوارم این کمک کرده باشد.