Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

E se eu precisar usar a mesma tag mais de uma vez?

Terminei o último desafio da aula, a grande dificuldade foi por conta que no CSS dos produtos tinha apenas uma tag "ul", mas na página inicial tem duas. Na primeira eu coloquei ul-1 e na segunda ul-2. Está certo? Pois creio que uma tag possa aparecer duas vezes, certo? Nesse caso, o que fazer para distinguir uma da outra?

3 respostas

se vc quiser dar os mesmo valores para as duas é só colocar

ul { valores }

se não tu pode usar class diferentes, ids ou pode especificar usando o pai para especificar.

exemplo tem uma nav e com o filho uma ul. nav ul { valores } e tenho outra ul dentro de uma section . section ul { valores }

Perdão, mas não entendi direito... eu tava me referindo a essa situação específica por exemplo. Tem essas duas partes a seguir. Então você está dizendo que em vez de usar "ul-1" e "ul-2" eu deveria ter colocado no CSS "nav ul" e "ul"?

<div class="caixa">

                <h1> <img src="logo.png"></h1>
                <h2> Barbearia Alura </h2>

                <nav>
                    <ul-1>
                        <li><a href="D:\Yuri\01 Alura\HTML CSS\index.html">HOME</a></li>
                        <li><a href="D:\Yuri\01 Alura\HTML CSS\Páginas 2\Produtos.html">Produtos </a></li>
                        <li><a href="contato.html"> Contato</a> </li>
                    </ul-1>

                    -----------

                    <div class="beneficios">
                            <h4 class="titulo-centralizado">Benefícios</h4>

                            <ul-2>
                                <li class="itens">Atendimento aos clientes</li>
                                <li class="itens">Espaço diferenciado</li>
                                <li class="itens">Localização</li>
                                <li class="itens">Profissionais Qualificados</li>

                            </ul-2>

                <img src="beneficios.jpg"; class="imagemBeneficios">

                </div> 
solução!

Oi Yuri,

Na verdade não há problema em ter tags repetidas no mesmo documento, isso inclusive é muito comum e vai ser repetir várias vezes no seu código. Você não deve alterar as tags inserindo esses identificadores (ul-1, ul-2). Indepentende da repetição, as tags serão sempre as mesmas (ul, nav, section, entre outros), isso não muda.

Caso você precise que as suas tags tenham uma identificação específica para que você possa manipulá-las no css ou no javascript, você deve adicionar um identificador a elas. Isso pode ser feito via atributo id ou classe.

Abaixo, segue um exemplo de tags repetidas, porém com exibições diferentes.

*LISTA 1 - HTML / CSS - Especificação via id *

<ul id="lista-beneficios">
         <li>Atendimento aos Clientes</li>
         <li>Espaço diferenciado</li>
         <li>Localização</li>
         <li>Profissionais qualificados</li>
  </ul>
ul#lista-beneficios li {
    color: red;
    font-weight: bold;
}

*LISTA 2 - HTML / CSS - Especificação via classe *

<ul class="lista-padrao">
          <li>Atendimento aos Clientes</li>
          <li>Espaço diferenciado</li>
          <li>Localização</li>
          <li>Profissionais qualificados</li>
 </ul>
ul.lista-padrao {
    list-style: none;
}

ul.lista-padrao li {
    text-align: center;
}