Listas color css

[vinyetcarbonell]

Hola, necesito ayuda.

Tengo que hacer una web con listas para un ejercicio para la universidad. Y resulta que el título de la lista tiene que ser de un color, el interior de la lista de otro color y el "disc" o las letras "upper latin" o los números "upper roman" de otro color

No sé cómo hacer!!! Porque se me pone todo del mismo color.

Por ejemplo: esta lista:

<ol class="latin">
<li><a href="https://es.wikipedia.org/wiki/Premios_%C3%93scar#Historia"</a>Historia</li>
<li><a href="https://es.wikipedia.org/wiki/Premios_%C3%93scar#Estatuilla"</a>Estatuilla</li>
<li><a href="https://es.wikipedia.org/wiki/Premios_%C3%93scar#Candidaturas"</a>Candidaturas</li>
<li><a href="https://es.wikipedia.org/wiki/Premios_%C3%93scar#Ceremonia
"</a>Ceremonio</li>
<li><a href="https://es.wikipedia.org/wiki/Premios_%C3%93scar#Categor.C3.ADas
"</a>Categorias</li>
</ol>

Me gustaría que las letras sean azules #6e759e, pero las palabras sean negras #000000
Me gustaría hacerlo con CSS.
He puesto esto, pero me quedan todas negras...

.latin {
list-style-type: lower-latin;
color: #6e759e;
}
ol.latin {
font-weight: bold;
color: #000000;
}

Si solo pongo esto
.latin {
list-style-type: lower-latin;
color: #6e759e;
}
me quedan todas azules. No sé como separar la cosa.

Gracias

[vinyetcarbonell]

Hola, necesito ayuda.

Tengo que hacer una web con listas para un ejercicio para la universidad. Y resulta que el título de la lista tiene que ser de un color, el interior de la lista de otro color y el "disc" o las letras "upper latin" o los números "upper roman" de otro color

No sé cómo hacer!!! Porque se me pone todo del mismo color.

Por ejemplo: esta lista:

<ol class="latin">
<li><a href="https://es.wikipedia.org/wiki/Premios_%C3%93scar#Historia"</a>Historia</li>
<li><a href="https://es.wikipedia.org/wiki/Premios_%C3%93scar#Estatuilla"</a>Estatuilla</li>
<li><a href="https://es.wikipedia.org/wiki/Premios_%C3%93scar#Candidaturas"</a>Candidaturas</li>
<li><a href="https://es.wikipedia.org/wiki/Premios_%C3%93scar#Ceremonia
"</a>Ceremonio</li>
<li><a href="https://es.wikipedia.org/wiki/Premios_%C3%93scar#Categor.C3.ADas
"</a>Categorias</li>
</ol>

Me gustaría que las letras sean azules #6e759e, pero las palabras sean negras #000000
Me gustaría hacerlo con CSS.
He puesto esto, pero me quedan todas negras...

.latin {
list-style-type: lower-latin;
color: #6e759e;
}
ol.latin {
font-weight: bold;
color: #000000;
}

Si solo pongo esto
.latin {
list-style-type: lower-latin;
color: #6e759e;
}
me quedan todas azules. No sé como separar la cosa.

Gracias

[tanatos_neon]

Hola.

No queda muy claro a que te refieres entre letras y palabras. Pero voy a intentar ayudarte.

Primero de todo, indicarte que la estructura de los enlaces esta mal.
Tu pones

Código HTML:

<li><a href="https://es.wikipedia.org/wiki/Premios_%C3%93scar#Historia"</a>Historia</li> 

Pero tiene que ser

Código HTML:

<li><a href="https://es.wikipedia.org/wiki/Premios_%C3%93scar#Historia">Historia</a></li> 

Una vez corregido nos queda todo asi.

Código HTML:

<ol class="latin">
<li><a href="https://es.wikipedia.org/wiki/Premios_%C3%93scar#Historia">Historia</a></li>
<li><a href="https://es.wikipedia.org/wiki/Premios_%C3%93scar#Estatuilla">Estatuilla</a></li>
<li><a href="https://es.wikipedia.org/wiki/Premios_%C3%93scar#Candidaturas">Candidaturas</a></li>
<li><a href="https://es.wikipedia.org/wiki/Premios_%C3%93scar#Ceremonia">Ceremonio</a></li>
<li><a href="https://es.wikipedia.org/wiki/Premios_%C3%93scar#Categor.C3.ADas">Categorias</a></li>
</ol> 

Ahora bien, vamos a controlar los colores:

Código HTML:

<style>
ol.latin { list-style-type:lower-latin; color:#6e759e;}
ol.latin a { font-weight:bold; color:#000; text-decoration:none;}
</style> 

Ten en cuenta que <a> tiene por defecto el negro (o azul), asique tienes que controlarlo.

Espero que te sirva.

[No_haynombre]

Hola que tal.

Primero que todo pon el codigo en etiquetas Highligth asi es mas legible.

Segundo, mira pon las letras con clases asi como lo has hecho con el Ol... Algo como

Código HTML:

<li class="L1">Contenido</li>
<li class="l2">Estatuilla</li>
 

Y en el Css

Código CSS:

.l1{color: Blue;}
.l2{color: red;}
 

Mira aqui te dejo un Link que por cierto es muy util aqui te explicaran todo ese tema

Código HTML:

https://www.codecademy.com/es/courses/web-beginner-es-x8mok/0/4?curriculum_id=53a32b8cfed2a8488a000001