Hola a todos,
Iré al grano:
Miren el código de abajo.
Quiero dar estilo a la listas número 1 sin que se alteren las número 2.

<UL>
        <LI>NUMERO 1
               <ul>
                       <li>NUMERO 2
                       </li>
               </ul>
        </LI>
 
        <LI>NUMERO 1
               <ul>
                       <li>NUMERO 2
                       </li>
               </ul>
        </LI>
</UL>
 

Además quiero alterarlas sin tener que colocar atributos a las etiquetas;
para eso usé este código css:

ul > li
{
color: red;
}
 

Se supone que en el código anterior estoy indicando que se altere a las etiquetas LI que sean hijas directas de UL; pero no funciona, cada vez que hago esto se pintan de rojo todas las listas... ¿Alguien tiene por favor una solución?

De lo que se trata es de hacer que las listas NUMERO 1 se pinten de rojo y las NUMERO 2 (desplegables) ignoren dicha orden.  Sólo quiero saber si hay una forma correcta de hacerlo, sin trucos...

porque no lo haces asi

ul li:first-child
{
   //aqui tu estilo 
}
 

Saludos