Wed, 31 Dec 2014 06:55:50 +0100
Added tag UPSTREAM_283F7C6 for changeset ca08bd8f51b2
michael@0 | 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> |
michael@0 | 2 | <html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait"> |
michael@0 | 3 | <head> |
michael@0 | 4 | <title>CSS 2.1 Test Suite: dynamic changes to 'counter-increment'</title> |
michael@0 | 5 | <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters"/> |
michael@0 | 6 | <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"/> |
michael@0 | 7 | <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter"/> |
michael@0 | 8 | <meta http-equiv="Content-Style-Type" content="text/css"/> |
michael@0 | 9 | <meta http-equiv="Content-Script-Type" content="text/javascript"/> |
michael@0 | 10 | <style type="text/css"> |
michael@0 | 11 | |
michael@0 | 12 | #test, .reset { counter-reset: c; } |
michael@0 | 13 | .increment:before, .use:before { content: counters(c, ".") "-"; } |
michael@0 | 14 | .increment { counter-increment: c; } |
michael@0 | 15 | |
michael@0 | 16 | </style> |
michael@0 | 17 | <script type="text/javascript"> |
michael@0 | 18 | |
michael@0 | 19 | function run() { |
michael@0 | 20 | document.getElementById("one").removeAttribute("class"); |
michael@0 | 21 | document.getElementById("two").setAttribute("class", "increment"); |
michael@0 | 22 | document.getElementById("three").setAttribute("style", "counter-increment: c"); |
michael@0 | 23 | document.documentElement.removeAttribute('class'); |
michael@0 | 24 | } |
michael@0 | 25 | |
michael@0 | 26 | document.addEventListener("MozReftestInvalidate", run, false); |
michael@0 | 27 | </script> |
michael@0 | 28 | </head> |
michael@0 | 29 | <body> |
michael@0 | 30 | |
michael@0 | 31 | <div id="test"><span id="one" class="increment"></span><span><span class="reset"><span class="increment"></span><span id="two" class="increment"></span></span></span><span id="three" class="use"></span><span class="increment"></span></div> |
michael@0 | 32 | |
michael@0 | 33 | </body> |
michael@0 | 34 | </html> |