
Como agregar mas estilos en CSS sin afectar a otras etiquetas.
Publicado por Kong (2 intervenciones) el 21/10/2017 04:08:04
Buenas tardes, soy nuevo en CSS y no se mucho de esto, tengo una pregunta que me esta poniendo loco.
Cuando yo pongo una etiqueta en mi archivo index ex:
...(Esta div es para agregar una animación).
Le agregue una animación.
(Esta div es para hacer un menú)
Tiene su estructura tipo menú.
/* Como agregué dos (ul) me esta ejecutando la animación en la smismas que les mostré arriba, mi pregunta es: Como le hago para que esta animacion solo haga efecto en li y ul de mi primera div y no en la segunda al mismo tiempo?
Un saludo a todos y espero sus respuestas.
Cuando yo pongo una etiqueta en mi archivo index ex:
...(Esta div es para agregar una animación).
1
2
3
4
5
6
7
8
<div class="change">
<div>
<ul>
<li>iphone</li>
<li>imac</li>
<li>ipod</li>
</ul>
</div>
(Esta div es para hacer un menú)
1
2
3
4
5
6
7
8
9
10
11
12
<div class="contenedor">
<img class="logo" src="img/logo.png" alt="">
<span class="icon-menu" id="btn-menu"></span>
<nav class="nav" id="nav">
<ul class="menu">
<li class="menu__item"><a href="/" class="menu__link select">Inicio</a></li>
<li class="menu__item"><a href="cursos.html" class="menu__link">Cursos</a></li>
<li class="menu__item"><a href="docentes.html" class="menu__link">Docentes</a></li>
<li class="menu__item"><a href="contacto.html" class="menu__link">Contacto</a></li>
</ul>
</nav>
</div>
1
2
3
4
5
6
7
8
9
ul {
list-style: none;
padding-left: 135px;
animation: cambiar 7s infinite;
}
ul, p {
margin: 0;
}
Un saludo a todos y espero sus respuestas.
Valora esta pregunta


0