<h3>This is Pseudo Element Selectors</h3>
      <p id="first">Select me i will change color</p>
      <p id="second"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam labore repellendus a sint necessitatibus autem cupiditate rerum consequatur cum molestiae.</p>
      <p id="third">This is third paragraph</p>
h3::before{
  content: "Before ";
    background-color: orange;
}
h3::after{
  content: " After";
  background-color: blue;
  color: white;
}

#first::selection {
  color: blue;
}

#second::first-line {
  color: #ff0000;
}

#third::first-letter{
  color: green;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.