Как передать значение одного класса другому в CSS
Проблема следующая, есть класс у которого назначен размер (ширина) по контенту. необходимо в соседнем классе получить такую же ширину (как у первого) а не по своему контенту. При наследовании он просто наследует свойство max-content и становится равной ширине своего контента а не донора. Задача поставлена на чистый CSS без скрипта.
.class1 {
width: max-content; /* Донор*/
}
.class2 {
width: /*Сюда надо передать фактическое значение из .class1*/Ответы (1 шт):
Автор решения: soledar10
→ Ссылка
В css этой возможности нет
Как вариант использовать препроцессор scss (sass) - @extend
Пример - https://jsfiddle.net/zj069c7r/
.class1 {
padding: 1rem 2rem;
background-color: #ccc;
}
.class2 {
@extend .class1;
color: #fff;
background-color: #00f;
}