[SOLUCIONADO] Afectar a ciertos elementos

#1 (**permalink**) 06/04/2017, 19:55

Estimados una consulta rápida, en un div tengo lo siguiente:

Código HTML:

Ver original<html>
    <head>
        <style>
        .contenedor a{
        color:#ff0000;
        }
        </style>
    </head>
    <body>
        <div class="contenedor">
        <a href="#">Enlace 1</a><br />
        <a href="#">Enlace 2</a><br />
        <a href="#">Enlace 3</a><br />
        <a href="#">Enlace 4</a><br />
        <a href="#">Enlace 5</a><br />
        </div>
    </body>
</html>

¿Hay alguna manera de afectar arbitrariamente un elemento, es decir, por ejemplo al enlace 4 darle otro color?

Edito: lo que pido es algo burdo pero imaginen que tengo 30 enlaces y necesito que el 5, 7, 9, 12, 22, 25 tengan diferente color, no me gustaría hacer a mano el cambio para c/u o tener que asignarle un selector diferente a los "patitos feos" para arreglarmelas. Espero se pueda

Hago referencia a algo como esto:

.contenedor a [algun Numero Aquí]{
color:#00ff00;
}

Saludos ;)

Rafael · #2 (**permalink**) 07/04/2017, 18:05

Sip. Utiliza el nth child selector.

Código CSS:

Ver original.contenedor a:nth-child(5),
.contenedor a:nth-child(7),
.contenedor a:nth-child(9),
.contenedor a:nth-child(12) {color:#ff0000;}

#3 (**permalink**) 09/04/2017, 17:43

O____o genial gracias.

Lo doy por solucionado.