•  
     

Pseudo seletores - HTML e CSS

HTML

Código: Selecionar todos

<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css">
<title>Result</title>
</head>
<body>
<h3 class="fancy">Teste H3</h3>
<p class="fancy">teste</p>
<p id="serious">teste</p>
<p>teste</p>
</body>
</html>


CSS

Código: Selecionar todos

.fancy{
font-family:cursive;
color:violet;
}
#serious{
font-family:Courier;
color:#8C8C8C;
}
p:nth-child(4){
font-size:26px;
}


Demo: http://jsfiddle.net/x79gLs1x/