Set property value of class A to value of class B

Question

Is it possible in CSS to set the value of one property of a class as the same property value of another class ?

e.g.:

.classA{
color: blue;
}
.classB{
color:[likeClassA];
}

Use [variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties). — BenM, Nov 25 '19 at 13:42
Note, what you're referring to are CSS "properties" and not "attributes". — Sean, Nov 25 '19 at 13:45

score 1 · Answer 1 · answered Nov 25 '19 at 13:45

1

it is not possible but you could do this as an alternative

.classA ,.class B{ color:blue; }

answered Nov 25 '19 at 13:45

Twage Mwakajumba

Jeremy Harris · Answer 2 · 2019-11-25T13:46:52.953

0

With pure CSS (i.e. not a precompiled solution) you can use CSS custom properties:

:root {
   --mycolor: blue;
}

.classA {
   color: var(--mycolor);
}

.classB {
   color: var(--mycolor);
}

Please note that var() is not supported in IE11 or below. There are some solutions though including polyfills: CSS custom properties polyfill for ie11

edited Nov 25 '19 at 13:46

answered Nov 25 '19 at 13:43

Jeremy Harris

Terrible support in IE – David Nov 25 '19 at 13:46
I am aware. But there are ways around it. The real solution is to use SASS here, but I am trying to provide a native answer. – Jeremy Harris Nov 25 '19 at 13:47
Found it interesting that the YouTube css is riddled with var stuff :-) – David Nov 25 '19 at 13:51

2 Answers2