Cambiar fuente a parrafos

[pzin]

Iniciado por Linton

¿Qué aportan esos selectores, en vez de poner simplemente <p class="grande"> por ejemplo?

Saludos.

Pues, por ejemplo, puedes abstraer un poco el diseño de la programación. El típico listado que sacas de una base de datos, con su bucle y demás, en vez de añadir una clase para especificar que, por ejemplo, el primer elemento no debe de tener borde superior, pues usas:

Código CSS:

#chocolates_suizos li {
  border: 1px solid red;
}
 
#chocolates_suizos li:first-child {
  border-top: none;
}
 

Y en la misma linea, si quieres unos elementos en donde se alteren sus colores, en lugar de hacerlo mediante el lenguaje de lado servidor simplemente haces:

Código CSS:

#chocolates_suizos li:nth-child(odd) {
  background: grey;
}
 
#chocolates_suizos li:nth-child(even) {
  background: darkgrey;
}
 

O si quieres poner tres colores alternados:

Código CSS:

#chocolates_suizos li:nth-child(3n+1) {
  background: grey;
}
 
#chocolates_suizos li:nth-child(3n+2) {
  background: darkgrey;
}
 
#chocolates_suizos li:nth-child(3n+3) {
  background: dimgrey;
}
 

Por ejemplo: http://jsfiddle.net/4ry6p

And so on...