Set css variable equal to class property

Question

Set css variable equal to class property

I want to set a css variable equal to the height of one of my divs.

I tried

:root{
    --height-of-div: .div1.height;
}

.div2{
    height: calc(--height-of-div/2);
}

But it is not working. Please help.

i assume you want to add logic directly to your css file, well, as stated above by others, you cannot do it with css. You should look at SCSS for what you are looking for — Constantin Trepadus
– Constantin Trepadus, Commented Sep 7, 2020 at 7:19

avia · Accepted Answer · 2020-09-07 07:34:00Z

1

Not possible using CSS alone. You could use jQuery, something like this:

function SetDivHeight() {
         $("#div2").css({'height':($("#div1").height())});
 }

answered Sep 7, 2020 at 7:34

avia

1,5939 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1