37 lines
581 B
HTML
37 lines
581 B
HTML
<!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>
|