У меня есть два класса с одинаковыми именами: один вводится сверху, а другой - потомку контейнера страницы.
Я хотел бы снять все свойства верхнего класса. Но только его свойства. Например, я хочу сохранить div специфицированные c свойства для этого класса. Но all:unset удаляет все стили, а не только стили из .page-header примера ниже:
.page-header {
padding: 10px; // unset this one
}
div {
background-color: red; // i wanna keep this style
}
.my-page-container {
.page-header {
all: unset;
margin: 10px;
}
}
Я знаю, что могу просто переопределить стиль в дочернем классе, как padding: unset, но я ищу подход, который охватывает все стили этого класса одновременно.