O que é CSS: Folha de estilo em cascata
Para que serve os Seletores Encadeados:
Servem para especificar um objeto que esteja dentro de outro objeto.
Entendendo o Seletores encadeado:
<div> <em>Testando Seletores Encadeados</em> <p>Estou aprendendo no blog do <em>Thiago Thamiel</em></p> </div>
Se você quer formatar o texto “Thiago Thamiel” que esta dentro da tag <em> sem formatar o texto “Testando Seletores Encadeados” que também esta dentro da tag <em> você deve utilizar o que chamamos de Seletores encadeado.
Fazendo sem o seletor seria assim: em {color:red;}
porém estaria aplicando o estilo para todas as tag.
Com o seletor ficaria assim: div p em {color:red;}
No Browser
Para ver o resultado Copie e cole o conteudo abaixo em um bloco de notas e salve como html.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
div p em {color:red;}
</style>
<title>CSS - Seletores Encadeados</title>
</head>
<body>
<div>
<em>Testando Seletores Encadeados</em>
<p>Estou aprendendo no blog do <em>Thiago Thamiel</em></p>
</div>
</body>
</html>
Categorias:Programação
Deixe uma resposta