Como tener 2 formatos ul en un mismo documento?

[NaRanJiTo78]

Hola!

Me gustaría saber como puedo tener 2 formatos de ul en un mismo documento HTML, es decir:

Un div que contenga ul con los siguientes parametros:

Código HTML:

ul {list-style-type: none;
text-align: center;}
li {padding: 4px 12px;display: inline;
}

y otro:

Código HTML:

ul {list-style-type: none;
text-align: center;}
li {padding: 8px 19px;display: inline;
}

Es posible?

Muchas gracias

[Impostor]

Buenas,

si es posible, a mi el metodo que se me ocurre sería el de asignarle a cada uno una clase distinta

Código CSS:

li.primero {padding: 4px 12px;display: inline;}
 
li.segundo {padding: 8px 19px;display: inline;}
 

Y luego en el html le asignas la clase oportuna.

Código HTML:

<li class="primero">.....</li>
 
<li class="segundo">.....</li>
 

Saludos¡¡

[NaRanJiTo78]

Hola Impostor, gracias por contestar.

Con li se que no hay problema para ponerlos de diferente manera.

El caso es que quiero que el ul (que contiene el li) sea en la misma linea en un segundo div, no como en el primero.

Supongamos que pongo en el CSS un primer ul que no contenga "text-align:center;".
Si en un segundo ul quiero que tenga "text-align:center;" no puedo hacerlo...

No se si me he explicado bien??

Un saludo!

[Impostor]

No se si te entendí, pero en ese caso puedes aplicar las clases directamente al ul en vez de al li

Código CSS:

ul.primero {.......}
 
ul.segundo {.....}
 

Y si quieres diferenciar los li lo haces asi

Código CSS:

ul.primero li {.................}
 
ul.segundo li {....................}
 

Saludos¡¡