Как правильно обнулить стиль в CSS?

Question

[Дмитрий Казаринов]

/* Тут я обнуляю отступы параграфа */
.reset-css .paragraph
{
  margin: 0;
  padding: 0;
}

/* Затем я задаю свой отступ параграфу */
.paragraph
{
  margin-top: 20px;
}

Дак вот это не будет работать потому что выше стиль типа сильнее, чем второй.

А я хочу чтобы когда я обнулил стиль, этот стиль не перебивал второй.

!important не подходит. Дописывание родителя увеличивает код.

Возможно ли сделать так чтобы, первый стиль которые наследуется от класса .reset-css , не перебивал стили дочерним элементам?

PS: вместо .paragraph может быть обычный тег p

Comments

[Сергей delphinpro]

Что-то вы не так делаете. Какой смысл в классе .reset-css?

[Дмитрий Казаринов]

Сергей delphinpro, смысл в массовом обнулении дочерних тегов с использованием родителя

[Ankhena]

/* Затем я задаю свой отступ параграфу */

Вот и задавайте

.paragraph
{
  margin-top: 20px;
margin-bottom: 0;
}

прекрасненько выйдет.

Но, если зачем-то нужно сбросить всем, то у сброса должна быть самая маленькая специфичность. Ведь сброс до ваших стилей.
По тегу, например.

[Дмитрий Казаринов]

Ankhena, Благодарю, но это не подходит

Answer 1

[Тимур Карагулов]

/* Тут я обнуляю все нужные стили */
p
{
margin: 0;
padding: 0;
}
/* Тут я закончил обнулять все нужные стили */

/* Затем я задаю свой отступ параграфу и другим обнуленным стилям */
.paragraph
{
margin-top: 20px;
}
/* конец css*/

P.S. важно учитывать приоритет селекторов
https://idg.net.ua/blog/uchebnik-css/azy-css/kaskadnost

Comments

[Дмитрий Казаринов]

Самое главное учитывать специфичность CSS