[SOLUCIONADO] Estilo en listas anidadas

[navegantes]

Hola a todos.

Veamos tengo la siguiente lista. Una parte es ordenada y la otra parte no.

Código HTML:

<ol>
    <li>Lista ordenada</li>
        <ul class="test">
            <li>Lista no ordenada</li>
            <li>Lista no ordenada</li>
        </ul>
    <li>Lista ordenada</li>
    <li>Lista ordenada</li>
</ol>
 

Tengo claro que en la parte de lista no ordenada puedo cambiar los colores del circulo con

Código CSS:

.test li:before{
    color: #BB1B8D;
    list-style-position:inside;
    content: "•";   
}
 

Ahora bien donde ya no lo tengo tan claro es como cambiar las propiedades de los números de la lista ordenada. Principalmente el tema del color.

¿Alguien sabe como hacerlo?

[pzin]

El color lo cambias así:

Código CSS:

li {
  color: red;
}
 

Ahora si quieres un color diferente para el número que para el resto del elemento, ya es otra historia. Tendrías que quitar esos números, crear un contador y meterlos usando content:

Código CSS:

ol {
  counter-reset: contador;
  list-style: none;
}
 
ol > li:before {
  content: counter(contador);
  counter-increment: contador;
  color: red;
}
 

[navegantes]

Muchas gracias pzin.

Lo curioso es que la parte del ol lo tenía como tu lo decias pero en vez de poner directamente el css como tu yo lo tenía para que primero mirase el class del div en el que esta todo... es decir algo así como

Código CSS:

.conjunto ol li:before{ /*instrucciones */}
 

Ha sido quitar el primer class y problema arreglado... no tengo muy claro porque pero a saber.

Gracias igualmente.