Перезапись правил CSS для определенных областей

Question

В моем коде у меня есть стиль <p> с размером шрифта 16px.
Но для "карты" я хочу применить размер шрифта 20px к любому тексту <p>, без применениянемного больший класс шрифта для каждого <p>, который я могу включить.

Так что любой «карточный» класс на сайте будет иметь одинаковые перезаписанные 20px вместо 16px.

Answer 1

Я предполагаю, что вы используете класс начальной загрузки -> 'карточка'.

.card p
{
 font-size: 20px !important;
}

определите вышеуказанный класс в вашей таблице стилей.Он будет работать без сбоев, он будет применять указанный размер шрифта в каждом теге p , который вы используете внутри «карточки» класса в любой точке вашей страницы.

Удачи.

Answer 2

Что такое "карта"? Если это просто div с карточкой класса:

.card {
  font-size: 20px;
}

Это переопределит начальный 16px, если он имеет более высокую специфичность, чем начальный 16px. Читайте о специфике CSS: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity