blob: 69a6387ec3dbd6fff5119e19128d520c7cb17679 [file] [log] [blame]
<!DOCTYPE html>
<html>
<style>
a {
float: left;
background-color: green;
width: 100px;
height: 100px;
margin: 0 13px 13px 0;
}
a:nth-child(3n+3) {
margin-right: 0;
}
a:nth-last-child(-n+3) {
margin-bottom: 30px;
}
div {
width: 370px;
}
</style>
<script>
onload = function () {
test.focus();
test.blur();
}
</script>
<body>
<p>This tests that we get nth-child and nth-last-child correct on style recalc. There should be 2 identical rows of green boxes below.</p>
<div>
<a id="test" href=""></a>
<a></a>
<a></a>
<a></a>
<a></a>
<a></a>
</div>