CSS Selector :nth-child(n)
Description
:nth-child(n)
selects elements that are the nth child.
The argument is the index of the element.
The indexes start at 1.
Example
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
body > :nth-child(2) { <!-- w w w . j a v a 2s . co m-->
border: thin black solid;
padding: 4px;
}
</style>
</head>
<body>
<a href="http://java2s.com">Visit the java2s.com</a>
<p>I like <span>HTML</span> and CSS.</p>
<a href="http://java2s.com">Visit the java2s.com</a>
</body>
</html>
The code above generates the following result.