•  
     

Seletores Múltiplos - HTML e CSS

É possível aninhar elementos HTML uns dentro dos outros, assim:

Código: Selecionar todos


<div>
    <div>
        <p>Eu gosto de tacos!</p>



Então, e se você quiser pegar os <p>s que estão dentro das <div>s, e não todos os <p>s?

Você seleciona os da aba CSS assim:

Código: Selecionar todos

div div p {
    /*Coisas de CSS!*/
}



HTML

Código: Selecionar todos

<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css">
<title>Resultado</title>
</head>
<body>
<h3>Sou uma fonte velha!</h3>
<div>
<h3>Eu, também!</h3>
<div>
<h3>Somos três!</h3>
<div>
<h3>Esqueçam, caras. Sou vermelho!</h3>
</div>
</div>
</div>
</body>
</html>


CSS

Código: Selecionar todos

div div div h3{
color:red;
}


Demo: http://jsfiddle.net/6fztupsg/