kazarin0v
@kazarin0v
Разработчик сайтов WordPress

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

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

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


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

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

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


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

PS: вместо .paragraph может быть обычный тег p
  • Вопрос задан
  • 69 просмотров
Решения вопроса 1
@DragonWerewolf
фронт энд, маковод, гик, хик
/* Тут я обнуляю все нужные стили */
p
{
margin: 0;
padding: 0;
}
/* Тут я закончил обнулять все нужные стили */

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

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы