•  
     

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/
Página inicial