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>