<!DOCTYPE html>
<html>
<head>
<title>CSS Pseudo Element Selector</title>
<style>
p.one::after{
content: " - After word";
color: #FF0000;
}
p.one::before {
content: "Before word - ";
color: #FF0000;
}
p.two::first-letter {
font-size: 30px;
}
p.two::first-line {
color: #FF0000;
}
p::selection {
color: #00000;
background-color: #66cbff;
}
p::-moz-selection {
color: #00000;
background-color: #66cbff;
}
</style>
</head>
<body>
<p class="one">This is paragraph line.</p>
<p class="two">This example cover CSS pseudo elements like after, before, first-line, first-letter, selection.</p>
</body>
</html>
