Ir ao conteúdo
  • Cadastre-se
Sarcofagobra

Dúvida com código

Recommended Posts

Estou lendo uma apostila de CSS e lá tá assim:

Definindo TAGS dentro do contexto

Quando uma TAG é cercada por outra TAG, uma dentro da outra, são

chamadas de tags aninhadas. Em um conjunto aninhado, a TAG externa é

chamada de pai e a interna de filha.

Digite o seletor HTML da TAG pai seguida por um espaço. Você pode digitar

quantos seletores, HTML quiser para quantos pais e TAGS aninhadas

diferentes tiver, mas o último seletor da lista é aquele que recebe todos os

estilos da regra. Veja o exemplo abaixo:

<!doctype html>
<html>
<head>
<title>Tags Aninhadas</title>
<style type="text/css">
<!--
p a:link{color:red;
text-decoration:underline;}
div.menu{color:#900;
font-weight:bold;
text-decoration:none;
font-size:20;}
p{font:12px;}
-->
</style>
</head>

<body>
<div class="menu">
<a href="anterior.htm">< Capitulo Anterior</a>
<a href="proximo.htm">Próximo Capítulo ></a>
</div>
<hr>
<h3>Novo Capítulo</h3>
<p>Teste de parágrafo
<a href="curioso.htm">Efeito curiosos</a></p>

</body>
</html>

Minhas dúvidas são essas:

1. Não entendi a parte que falam de uma TAG dentro da outra, em que parte do código está isso?

2. Nesse exemplo qual é a TAG Pai e qual é a TAG filho?

3. porque quando chamo a classe Menu ela não retira o underline dos links com o comando "text-decoration: none;" ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá,

1. Não entendi a parte que falam de uma TAG dentro da outra, em que parte do código está isso?

Uma tag dentro da outra é o que você fez com o elemento "a" dentro do elemento "div"

2. Nesse exemplo qual é a TAG Pai e qual é a TAG filho?

A tag Pai é o elemento "DIV" e a tag filho são os dois elementos "a"

3. porque quando chamo a classe Menu ela não retira o underline dos links com o comando "text-decoration: none;" ?

Porque, você definiu as regras css para a div e não para o elemento do link dentro da div..

acrescente: a:link depois de div.menu.. exemplo:


div.menu a:link{
regras do css aqui

}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×