diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
| commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
| tree | f435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/css/css-cascade/important-vs-inline-002.html | |
| parent | Initial commit. (diff) | |
| download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip | |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-cascade/important-vs-inline-002.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-cascade/important-vs-inline-002.html | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-cascade/important-vs-inline-002.html b/testing/web-platform/tests/css/css-cascade/important-vs-inline-002.html new file mode 100644 index 0000000000..e16aedc5bb --- /dev/null +++ b/testing/web-platform/tests/css/css-cascade/important-vs-inline-002.html @@ -0,0 +1,42 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>CSS Cascade: inline style loses to !important</title> + <link rel="help" href="https://www.w3.org/TR/css-cascade-4/#cascade-sort"> + <link rel="author" href="mailto:sesse@chromium.org"> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + <style> + .outer { + font-size: 18px !important; + line-height: 2em; + border: 1px solid black; + } + </style> +</head> +<body> + <p class="outer" id="el">Test passes if the line-height is twice the font size.</p> +</body> +<script> +test(() => { + el.offsetTop; + assert_equals(getComputedStyle(el).lineHeight, "36px", "style is set correctly"); +}); +test(() => { + el.offsetTop; + el.style.fontSize = "24px"; + assert_equals(getComputedStyle(el).lineHeight, "36px", "!important has higher priority than adding inline style"); +}); +test(() => { + el.offsetTop; + el.style.fontSize = "36px"; + assert_equals(getComputedStyle(el).lineHeight, "36px", "!important has higher priority than modifying inline style"); +}); +test(() => { + el.offsetTop; + el.style.fontSize = null; + assert_equals(getComputedStyle(el).lineHeight, "36px", "!important has higher priority than removing inline style"); +}); +</script> +</html> |