Color de un div según su contenido solo con css

[pzin]

Puedes ponerle clases o identificadores a cada elemento:

Código HTML:

<li class="productos">
  Productos
  <ul>
  </ul>
</li>
<li class="galeria">
  Galería
  <ul>
  </ul>
</li>
 

Código CSS:

.productos {
  color: blue;
}
 
.galeria {
  color: red;
}
 

O usar nth-child() en el selector:

Código CSS:

ul > li:nth-child(1) {
  color: blue;
}
 
ul > li:nth-child(2) {
  color: red;
}