Selectores especificos en CSS

[indie_rok]

Hola!

Tengo una duda acerca de como seleccionar etiquetas específicamente. Por ej:

Supongamos que tenemos el siguiente código

Código:

<ul>

<li>Item 1</li>

<ul>
<li>Subitem 1</li>
<li>Subitem 2</li>
</ul>

<li>Item 2</li>

</ul>

Supongamos que yo quiero seleccionar Item 1 e Item 2 y ponerle color rojo (NO subitem 1v y subitem 2). Yo intento hacer esto:

Código:

ul li
{
     color:red;
}

Sin embargo me selecciona todo.

Como seria la manera adecuada. SIN USAR CLASES NI IDs ?

Gracias de antemano

[pzin]

Pues en principio así:

Código CSS:

ul:first-of-type > li {
  color: red;
}
 

Pero si todo eso está dentro de un nav o alguna otra cosa con un identificador, podrías hacer:

Código CSS:

header > ul > li {}
nav#global > ul > li {}
 

De vez en cuando algún identificador o clase hay que usar.

> sirve para seleccionar hijos nada mas.