Foros del Web » Creando para Internet » CSS »

Duda etiquetas nav y css

Estas en el tema de Duda etiquetas nav y css en el foro de CSS en Foros del Web. Buenas noches, Llevo un rato bloqueado con un tema y no se como solucionarlo... Tengo 2 menús en una web, en ambos tengo la etiqueta ...
  #1 (permalink)  
Antiguo 17/04/2020, 15:20
 
Fecha de Ingreso: mayo-2011
Ubicación: Navarra
Mensajes: 21
Antigüedad: 12 años, 10 meses
Puntos: 1
Duda etiquetas nav y css

Buenas noches,

Llevo un rato bloqueado con un tema y no se como solucionarlo...

Tengo 2 menús en una web, en ambos tengo la etiqueta nav pero el diseño de cada uno de ellos es diferente.
El problema es que al añadir la hoja de estilos de uno de los menús, me modifica el estilo de la otra y es todo por la etiqueta nav.

¿Como podría hacer que no interfieran las características de las etiquetas nav entre ellas?

Muchas gracias
  #2 (permalink)  
Antiguo 17/04/2020, 15:48
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 10.106
Antigüedad: 15 años, 7 meses
Puntos: 2237
Respuesta: Duda etiquetas nav y css

Solo necesitas poner id o clase a cada uno para diferenciarlos.
__________________
- León, Guanajuato
- GV-Foto
  #3 (permalink)  
Antiguo 17/04/2020, 16:14
 
Fecha de Ingreso: mayo-2011
Ubicación: Navarra
Mensajes: 21
Antigüedad: 12 años, 10 meses
Puntos: 1
Respuesta: Duda etiquetas nav y css

Gracias por la respuesta pero no he conseguido hacerlo funcionar...

he identificado la etiqueta nav de la siguente manera: <nav id="menu1">

pero luego en la página css con .menu1 nav{

no me funciona, no encuentra el estilo...
  #4 (permalink)  
Antiguo 17/04/2020, 16:29
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 10.106
Antigüedad: 15 años, 7 meses
Puntos: 2237
Respuesta: Duda etiquetas nav y css

Código CSS:
Ver original
  1. #menu1 {
  2.     /* Aquí tus estilos si vas a usar ID */
  3. }
  4.  
  5. nav .menu1 {
  6.     /* Aquí tus estilos si vas a usar CLASS */
  7. }
__________________
- León, Guanajuato
- GV-Foto
  #5 (permalink)  
Antiguo 17/04/2020, 16:35
 
Fecha de Ingreso: mayo-2011
Ubicación: Navarra
Mensajes: 21
Antigüedad: 12 años, 10 meses
Puntos: 1
Respuesta: Duda etiquetas nav y css

Si, así es como lo tengo hecho y no funciona... no me aplica ningún estilo...

Código:
<nav class="menu1">
Código:
nav .menu1  ul{
	float: right;
	list-style: none;
	margin-right: 40px;
	position: relative;
}
nav .menu1  ul li{
	float: left;
	display: inline-block;
	background: #1b1b1b;
	margin: 0 5px;
	padding-left: 15px;
}
nav .menu1  ul li a{
	color:white;
	text-decoration: none;
	line-height: 70px;
	font-size: 15px;
	padding-left: 8px 15px;
}
  #6 (permalink)  
Antiguo 18/04/2020, 06:28
 
Fecha de Ingreso: abril-2011
Mensajes: 170
Antigüedad: 12 años, 11 meses
Puntos: 68
Respuesta: Duda etiquetas nav y css

Si dices que no te aplica ningún estilo, entonces creo que debería ser sin el espacio:

Código CSS:
Ver original
  1. nav.menu1  ul{
  2.     float: right;
  3.     list-style: none;
  4.     margin-right: 40px;
  5.     position: relative;
  6. }
  7. nav.menu1  ul li{
  8.     float: left;
  9.     display: inline-block;
  10.     background: #1b1b1b;
  11.     margin: 0 5px;
  12.     padding-left: 15px;
  13. }
  14. nav.menu1  ul li a{
  15.     color:white;
  16.     text-decoration: none;
  17.     line-height: 70px;
  18.     font-size: 15px;
  19.     padding-left: 8px 15px;
  20. }

No es lo mismo nav .menu1 que nav.menu1. El primero selecciona todos los elementos con clase menu1 que se encuentran dentro de un <nav>. El último selecciona todos los <nav> que tienen clase menu1.
  #7 (permalink)  
Antiguo 18/04/2020, 16:39
 
Fecha de Ingreso: mayo-2011
Ubicación: Navarra
Mensajes: 21
Antigüedad: 12 años, 10 meses
Puntos: 1
Respuesta: Duda etiquetas nav y css

Muchas gracias por vuestras respuestas.
Finalmente he cambiado la manera de hacerlo por que no había manera. Lo he solucionado rehaciendo el código.

Muchas gracias!

Etiquetas: etiquetas, nav
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:13.