Pseudoclases y pseudoelementos

<div id="cabecera">
<h1>Hola que tal</h1>
<p>Yo estoy muy bien gracias</p>
</div>
<p>Hola</p><p>Hola</p><p>Hola</p><p>Hola</p><p>Hola</p><p>Hola</p>

h1:hover{
color:red;
}
h1::before{
content:”- “;
}
h1::selection{
background-color:yellow;
}
h1:hover + p{
display:block;
}

h1 + p{
display:none;
}
p:before{
content:url(“img/smile.png”);
}
p::after{
content:” (–) “;
}