[SOLUCIONADO] Cambiar fuente a parrafos

[bandolera]

Usando HTML5 y CSS3, quiero hacer lo siguiente:
Tengo dos párrafos:

Código HTML:

<p>Texto cualquiera 1</p> 

y

Código HTML:

<p>Texto cualquiera 2</p> 

Pero si quiero darle al primer párrafo un tamaño diferente del segundo párrafo, qué debo usar?
Asignar un ID? o no usar <p>?????

[pzin]

Puedes asignarle un identificador, una clase o usar algún selector tipo:

Código CSS:

p:first-child {
  font-size: 1.4rem;
}
 

También puedes usar :first-of-type, :nth-child(n) o :nth-of-type(n).

[Linton]

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

Saludos.

[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...