wpt/css/css-variables/css-vars-custom-property-inheritance.html at master · web-platform-tests/wpt

History

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

26

27

28

29

30

<!DOCTYPE html>

<html>

<head>

<title>CSS Variables Test: custom properties use normal inheritance and cascade rules</title>

/* test cascade importance */

:root { --color-1: green !important; }

:root { --color-1: red; }

div.color1 { background-color: var(--color-1); }

/* test cascade order */

:root { --color-2: green; }

div.color2 { background-color: red; }

div.color2 { background-color: var(--color-2); }

div { width: 100px; height: 50px; }

</style>

</head>

<body>

<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>

</body>

</html>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

css-vars-custom-property-inheritance.html

css-vars-custom-property-inheritance.html

Files

css-vars-custom-property-inheritance.html

Latest commit

History

css-vars-custom-property-inheritance.html

File metadata and controls