CodePen Embed - Odd child selector

<!DOCTYPE html>
<html>

<head>
	<title>CSS :nth-child Selector</title>
	<style>
		li {
			width: 30%;
		}

		li:nth-child(odd) {
			background: blue;
			color: white;
		}
	</style>
</head>

<body style="text-align:center">
	<h2>
		CSS :nth-child Selector
	</h2>
	<p>Web Developer Skills</p>
	<ul>
		<li>HTML.</li>
		<li>CSS.</li>
		<li>Javascript.</li>
		<li>Bootstrap.</li>
	</ul>
</body>

</html>

This Pen is owned by Arun on CodePen.

See more by @arun020 on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.