Ir ao conteúdo
  • Cadastre-se
Regras do Clube do Hardware

Dúvida com código

Sarcofagobra

Por Sarcofagobra
em Web e banco de dados

Posts recomendados

Sarcofagobra
 

Sarcofagobra

Postado
Postado

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;" ?

Link para o comentário
Compartilhar em outros sites
  • Moderador
DiF
 

DiF

Postado
  • Moderador
Postado

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

}

Link para o comentário
Compartilhar em outros sites

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Ir à lista de tópicos

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades 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

Mais

×
×
  • Criar novo...