blob: 4cacb09833f715eaad8b58f8ef77db145636d56f (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
<style>
a { --purple: purple; color: var(--purple) }
div { color: white; --pink: yellow !important; background-color: var(--purple) }
#test {
--test: var(--test2);
--test2: var(--test);
--test3: var(--test4);
--test4: red;
--test5: var(--test6,var(--test7));
--test7: var(--test6,var(--test5));
color: var(--test);
color: var(--test3);
background-color: var(--test5);
}
:root { --pink: pink }
a { --pink0: var(--pink); --gray: gray }
#test2 { color: var(--pink0); --pink: yellow !important; background-color: var(--gray) }
</style>
<a>
<div>purple</div>
</a>
<span id=test>test</span>
<a>
<div id=test2>test2</div>
</a>
|