Mostrar 1 color si 1 color no

[chulifo]

hola bueno no se como explicarme bien pero buen, e isto web que en comentarios usan algo que si hay4 comentarios:

Comentario 1

Comentario 2
comentario 3
comentario 4

bueno trato de ser algo explicito, como ven muestra 1 comentario de un color el otro comentario de otro asi! XD
eso es lo que quiero hacer xD un comentario de 1 color el otro de otro color

Disculpen espero haberme explicado algo bien T_T

[Calizman]

Saludos!!

Supongo que quieres que sea automatico no? Creo que con css directamente no puedes hacer que se haga automatico, pero uniendo JS y CSS creo que si (si te entendi bien...) se me ocurre esta forma:

Comentario a = .comentario1 { color: red; }
Comentario b = .comentario2 { color: blue; }

y con JS haces que cuando se haga click en "Enviar" alterne las clases... Te dejo la idea y te queda el resto.

Hasta Luego!

[sseerrggii]

Tambien puedes hacerlo con el lenguaje de servidor que utlices, por ejemplo si usas php seria una cosa asi (siguiendo el ejemplo de calizzz)

$i=0;
while($i<$num_comentarios)
{
if($i%2==0)
{
$class='comentario1';
}
else
{
$class='comentario2';
}
}

Dentro de tu bucle para mostrar comentarios si tienes un contador usalo para hacer modulo 2 y asi poner una class distinta, sino tienes contador createlo. Luego la variable $class la puedes usar para hacer <div class="<?=$class?>">

[kseso?]

¿Un poco de css3?
vamos a partir de la base que todos tus comentarios están en una clase que se llama .comentario:

Código css:

.comentario:nth-child(2n) {color: red;}
.comentario:nth-child(2n+1) {color: blue;}
 

O con css2.1 siguiendo con lo indicado de utilizar otro lenguaje pero para asignar una segunda clase a cada .comentario:

Código css:

.cometario {/*propiedades comunes*/}
.rojo {color: red;}
.azul {color: blue;}
 

y en el html

Código html:

<div class="comentario rojo">....</div>
<div class="comentario azul">...</div>
 

También podrías optar por sólo css2.1 (si sabes a priori el nº de .comentarios que vas a tener) y suponiendo que dichos comentarios los contengas en una caja llamada por ejemplo #contiene_comentario:

Código css:

#contiene_comentario div {color: red;}
#contiene_comentario div + div {color: blue;}
#contiene_comentario div + div + div {color: red;}
#contiene_comentario div + div + div + div {color: red;}
 

Como verás, formas hay variadas. Todo depende de las particularidades de tu caso.

Un saludo