<!
DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<
html xmlns=
"http://www.w3.org/1999/xhtml" class=
"reftest-wait">
<
head>
<
title>CSS 2.1 Test Suite: dynamic changes to
'counter-increment'</
title>
<
link rel=
"help" href=
"http://www.w3.org/TR/CSS21/generate.html#counters"/>
<
link rel=
"help" href=
"http://www.w3.org/TR/CSS21/generate.html#propdef-content"/>
<
link rel=
"help" href=
"http://www.w3.org/TR/CSS21/syndata.html#counter"/>
<
meta http-equiv=
"Content-Script-Type" content=
"text/javascript"/>
<
style type=
"text/css">
#test, .reset { counter-reset: c; }
.increment:before { content: counters(c,
".")
"-"; }
.increment { counter-increment: c; }
</
style>
<
script type=
"text/javascript">
function run() {
var t = document.getElementById(
"test");
var s = document.createElement(
"span");
s.setAttribute(
"class",
"reset");
t.insertBefore(s, t.childNodes.item(1));
document.documentElement.removeAttribute(
'class');
}
document.addEventListener(
"MozReftestInvalidate", run);
</
script>
</
head>
<
body>
<
div id=
"test"><
span class=
"increment"></
span><
span class=
"increment"></
span><
span class=
"increment"></
span></
div>
</
body>
</
html>
