sexta-feira, 5 de junho de 2015

HTML5 CSS3: Aula 45, seletor de negação

HTML5 CSS3: Aula 45, seletor de negação.

Nesse vídeo vemos um exemplo do uso de seletores de negação do CSS3, um exemplo simples porém eficaz, três minúsculos parágrafos para sendo um deles negado na configuração dada a tag em questão.

Código fonte (HTML):

<!DOCTYPE html>

<html>
<head>
<link rel="stylesheet" href="negue.css">
</head>
<body>
<p>Qualquer</p>
<p class="negue">texto</p>
<p>qualquer texto</p>
</body>
</html>

Código fonte (CSS):

p:not(.negue) {
color: red;
}

Vídeo:

Nenhum comentário:

Postar um comentário