Class and ID Selectors in css

Class and ID Selectors in css


<!DOCTYPE html>
<html>
<head>
<title>my website</title>
<meta charset="utf-8">
<style type="text/css">
h1{
color :red;
}
#head1{
	color: yellow;
}
.head2{

	color:green;
}	

#head4 .it{
	color: blue;
}

</style>

</head>
<body>

<h1 id="head1">heding 1</h1>
<h1 class="head2" >heding 1</h1>
<h1>heding 1</h1>
<h1 id="head4"> hello , <i class="it">wlecome</i> to my website  </h1>

</body>
</html>