Как я могу заставить элемент формы наследовать стиль своих родителей? [дубликат] ⇐ CSS

[Anonymous]

У меня возникла проблема с ретроспективным добавлением элемента для обертывания входных данных формы.
Добавление нового элемента html нарушает макет, поэтому я в конечном итоге оказываюсь необходимость дублировать стиль CSS родительского элемента в .
Есть ли способ наследовать стиль макета от родительского элемента?< /p>
Вот пример: я добавил элемент , и макет был удален. Я бы хотел, чтобы входные данные располагались вертикально с зазором, без необходимости вручную дублировать/повторно применять родительский стиль CSS.
Например:

Код: Выделить всё

.parent {
display: flex;
flex-direction: column;
border: 2px solid blue;
gap: 20px;
padding: 5px;
}
form {
border: 2px solid green;
}
.child {
border: 2px solid red;
padding: 5px;
}

Код: Выделить всё

Подробнее здесь: https://stackoverflow.com/questions/787 ... ts-styling