CSSselector CSS Selecter First Child

<HTML>LionBETALearning HTML/CSS/JavaScript

Edit Code

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>:first-child</title>
<style>
ul li:first-child {
	border: solid 1px #99CCFF;
	background: #d5eefb
}
</style>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>My other website also available.</p>
<ul>
	<li>My name is Anil.</li>
	<li>I am Web Designer form India.</li>
	<li>I am Live in India.</li>
</dul>
<p><strong>Note:</strong> :first-child to work in its parent (ul) to first child</p>
<p><strong>Note:</strong> For :first-child to work in IE8 and earlier, a DOCTYPE must be declared.</p>
</body>
</html>

Preview html View