nth-child-negative.html

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Negative :nth-child()</title>
<link rel="stylesheet" href="c/style-insert-tests.css" type="text/css" />
<style type="text/css" id="tests" contenteditable>
li:nth-child(-n + 10) {font-weight: bold;}
</style>
</head>
<body>

<ol>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ol>


</body>
</html>