CodePen Embed - PseudoClass

 <div class="box">
    <h3>This is Pseudo class Selector</h3> 
   <h2>Hover over me to see the color change</h2>
   <p>This is first paragraph</p>
    <p>This is second paragraph</p>
    <p>This is third paragraph</p>
 </div>

h2:hover{
  color: blue;
}

.box :first-child{
  color:Red;
}
.box :nth-child(3){
  color:green;
}

.box :last-child{
  color: orange;
  border: 2px solid black;
}

This Pen is owned by Binod kumar on CodePen.

See more by @BinodKumarD on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.