Problema con css

Archivado
Hola, tengo el siguiente problema:
<ul>
<li id="id1" class="clase1" >
   <a class="clase2">XXXXXX</a> //rojo
   <ul>
      <li><a class="clase2">YYYYY</a></li> //azul
   </ul>
</li>
</ul>

y la clase2 es la siguiente
.clase2{
   color: blue;
}


Tengo actualmente esta estructura (muy simplificada comparada con el ejemplo real) que no puedo modificar (creada por drupal), y quiero aplicar algunas reglas para que el texto XXXXXX aparezca en rojo y el YYYY en azul.
¿Se puede hacer? Si la respuesta es si, ¿como lo hago?

Lo suyo seria decir algo asi pero no se si es factible/valido/posible ni se como escribirlo:
ul li .clase2{
color: red;
}
ul li ul li .clase2{
color: blue;
}



Muchas gracias!
Mi no entender tú. Los selectores que has sugerido modifican el texto según tus necesidades, entonces, ¿cúal es el problema?
Jabatus escribió:Mi no entender tú. Los selectores que has sugerido modifican el texto según tus necesidades, entonces, ¿cúal es el problema?


Que lo que he puesto no funciona xD
Esta mal escrito y no se como estaria bien escrito
ul li a{
   color:red;
}

ul li ul li a{
   color:blue;
}


Otra opción:

.clase1 a{
   color:red;
}

.clase1 ul li a{
   color:blue;
}


Otra:

.clase2{
   color:red;
}

.clase1 ul li .clase2{
   color:blue;
}


La que tú pones también debería funcionar, puede que haya algo redefiniendo el color.
ok, muchas gracias, ahora veo que he simplificado demasiado el ejemplo xD
Pero bueno, veo que la idea la tenia mas o menos bien. Intentare solucionar mi problema y sino volvere a por ayuda xD

----

Ya lo he solucionado!
Habia una cosa que me lo redefinia.
4 respuestas
Archivado
Volver a General