1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/bugs/556661-1.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,63 @@
1.4 +<!doctype html>
1.5 +<html><head><title>Dynamic manipulation of !important</title>
1.6 +<style>
1.7 +div { float: left; width: 50px; height: 50px; margin: 5px }
1.8 +div#control {
1.9 + width: 230px;
1.10 + background-color: green !important;
1.11 + background-color: red;
1.12 +}
1.13 +div#a { background-color: green }
1.14 +div#b { background-color: orange }
1.15 +div.c { background-color: orange }
1.16 +div#d { background-color: orange }
1.17 +div#e { background-color: green }
1.18 +div#f { background-color: orange }
1.19 +div.g { background-color: orange }
1.20 +div#h { background-color: orange }
1.21 +p { clear: left }
1.22 +</style>
1.23 +<style>
1.24 +div.a { background-color: red !important }
1.25 +div.b { background-color: red !important }
1.26 +div#c { background-color: red }
1.27 +div.d { background-color: red }
1.28 +div.e { background-color: red !important }
1.29 +div.f { background-color: red !important }
1.30 +div#g { background-color: red }
1.31 +div.h { background-color: red }
1.32 +</style>
1.33 +<script>
1.34 +window.onload = function() {
1.35 + var r = document.styleSheets[1].cssRules;
1.36 + r[0].style.setProperty("background-color", "yellow", "");
1.37 + r[1].style.setProperty("background-color", "green", "important");
1.38 + r[2].style.setProperty("background-color", "green", "");
1.39 + r[3].style.setProperty("background-color", "green", "important");
1.40 +
1.41 + r[4].style.removeProperty("background-color");
1.42 + r[4].style.setProperty("background-color", "yellow", "");
1.43 + r[5].style.removeProperty("background-color");
1.44 + r[5].style.setProperty("background-color", "green", "important");
1.45 + r[6].style.removeProperty("background-color");
1.46 + r[6].style.setProperty("background-color", "green", "");
1.47 + r[7].style.removeProperty("background-color");
1.48 + r[7].style.setProperty("background-color", "green", "important");
1.49 +}
1.50 +</script>
1.51 +<body>
1.52 +<div class="a" id="a"></div>
1.53 +<div class="b" id="b"></div>
1.54 +<div class="c" id="c"></div>
1.55 +<div class="d" id="d"></div>
1.56 +<p></p>
1.57 +<div class="e" id="e"></div>
1.58 +<div class="f" id="f"></div>
1.59 +<div class="g" id="g"></div>
1.60 +<div class="h" id="h"></div>
1.61 +<p></p>
1.62 +<div id="control"></div>
1.63 +<p>There should be two rows of four green squares and one solid green
1.64 + bar above.</p>
1.65 +</body>
1.66 +</html>
