sábado, 30 de maio de 2015

HTML5 CSS3: Aula 44, Seletores avançados de tags irmãs

Nesse vídeo vemos como selecionar uma tag especifica quando é precedida por outra, e selecionar apenas a primeira tag precedida de outra. Isto podendo ser feito em toda página em uma só configuração.

Facebook: http://migre.me/oTHD8
Qualquer dúvida, é só comentar.

Còdigo fonte (HTML):
<html><head>
<link rel="stylesheet" href="preirmao.css">
</head>
<body>
<section>
<h1>Títulos</h1>
<p>Texto um.</p>
<p>Texto 2.</p>
</section>
</body>
</html>

Código fonte (CSS):
h1 ~ p {
    font-style: italic;
}
h1 + p {
    background-color: blue;
}

Vídeo:

Nenhum comentário:

Postar um comentário