Links: hover & visited

<a href="https://www.meneermaes.be/">Link 1</a>
<a href="https://www.meneermaes.be/">Link 2</a>
<a href="https://www.meneermaes.be/">Link 3</a>
<a href="https://www.meneermaes.be/">Link 4</a>

a:hover {
    color: red;

}
a:visited {
    color: green;
}

First-letter & first-line

<p class="eersteletter">Eerste letter</p>
<p class="eerstelijn">Eerste lijn.<br>Tweede lijn.</p>

.eersteletter::first-letter {
    color: red;

}
.eerstelijn::first-line {
    color: green;
}

Before & after

Aankoop prijs: <span class="euro">100</span>

.euro::before {
    content: '€';
    color: orange;
}

.euro::after {
    content: '!';
    color: red;
}