diff options
| author | James Graham <james@hoppipolla.co.uk> | 2015-03-27 09:18:12 +0000 |
|---|---|---|
| committer | James Graham <james@hoppipolla.co.uk> | 2015-04-03 23:29:19 +0100 |
| commit | 2c9faf5363be229498578bdeca55c0c52730f0fa (patch) | |
| tree | e070d5d12a587f1e1939410b2cd88450543d7534 /tests/wpt/css-tests/css-variables-1_dev/xhtml1/css-vars-custom-property-inheritance.xht | |
| parent | 1a81b18b9f22d7bc1a967d08fcc7fbcf2ee200f5 (diff) | |
| download | servo-2c9faf5363be229498578bdeca55c0c52730f0fa.tar.gz servo-2c9faf5363be229498578bdeca55c0c52730f0fa.zip | |
Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab
Diffstat (limited to 'tests/wpt/css-tests/css-variables-1_dev/xhtml1/css-vars-custom-property-inheritance.xht')
| -rw-r--r-- | tests/wpt/css-tests/css-variables-1_dev/xhtml1/css-vars-custom-property-inheritance.xht | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/tests/wpt/css-tests/css-variables-1_dev/xhtml1/css-vars-custom-property-inheritance.xht b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/css-vars-custom-property-inheritance.xht new file mode 100644 index 00000000000..88a2f98960d --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/xhtml1/css-vars-custom-property-inheritance.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> + <title>CSS Variables Test: custom properties use normal inheritance and cascade rules</title> + <link href="mailto:noahcollins@gmail.com" rel="author" title="Noah Collins" /> + <link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" /> + <meta content="custom properties are resolved with the normal inheritance and cascade rules" name="assert" /> + <link href="reference/css-vars-custom-property-inheritance-ref.xht" rel="match" /> + <style type="text/css"> + + /* test cascade importance */ + :root { var-color: #1c1 !important; } + :root { var-color: red; } + + /* test cascade order */ + * { color: red; } + + /* test cascade order */ + * { color: var(color); } + + </style> +</head> +<body> + <p>Green</p> + <p>Green</p> + <p>Green</p> + <p>The test passes if everything is green. Any red means the test failed.</p> + +</body></html>
\ No newline at end of file |