Duda etiquetas nav y css

[ion_sc]

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

[Triby]

Solo necesitas poner id o clase a cada uno para diferenciarlos.

[ion_sc]

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...

[Triby]

Código CSS:

#menu1 {
    /* Aquí tus estilos si vas a usar ID */
}
 
nav .menu1 {
    /* Aquí tus estilos si vas a usar CLASS */
}
 

[ion_sc]

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;
}

[prueba230683]

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

Código CSS:

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;
}
 

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.

[ion_sc]

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!