OK yo tratare de explicarlo de nuevo:
Un ID y un CLASS en palabras simples se diferencian solo en una cosa, una es para ser usado una sola ves, y el otro puede ser reutilizado todas las veces que quieras,
Ejemplo: tengo mi pequeño codigo:
Cita: <style type="text/css">
#contenedor{
background-color: #333333;
border: solid 1px #000;
}
.estilorojo{
background-color: red;
border: solid 1 px: blue;
}
.estiloamarillo{
background-color: yellow;
border: solid 1 px: green;
}
</style>
</head>
<body>
<div id="contenerdor">
<p class="estilorojo">Esto es un texto de para probar la clase estilo rojo</p><br />
<p class="estiloamarillo">Esto es un texto para probar la clase estiloamarillo</p><br />
<p class="estilorojo">Estoy probando la clase estilo rojo de nuevo</p><br />
<p class="estiloamarillo">Una ves mas la clase estiloamarillo</p><br />
</div>
Puedo utilizar las clases tantas veces quieras, pero el identificador solamente una, por supuesto puede ponerle un ID a una etiqueta <p> como ponerle un class a una etiqueta <div>
Ademas a los selectores a los que se refiere hanscruz es que puedes aplicarle un estilo a un elemento que tengas ya en tu codigo html, por ejemplo:
Si le agregamos un heading (<h#>) a tu codigo de ejemplo podrias usar las mismas propiedades para todos los elementos de un mismo tipo.
Cita: <style type="text/css">
#contenedor{
background-color: #333333;
border: solid 1px #000;
}
.estilorojo{
background-color: red;
border: solid 1 px: blue;
}
.estiloamarillo{
background-color: yellow;
border: solid 1 px: green;
}
h1{
color: navy;
}
</style>
</head>
<body>
<div id="contenerdor">
<h1>Titulo para todas las clases</h1>
<p class="estilorojo">Esto es un texto de para probar la clase estilo rojo</p><br />
<h1>Titulo para todas las clases</h1>
<p class="estiloamarillo">Esto es un texto para probar la clase estiloamarillo</p><br />
<h1>Titulo para todas las clases</h1>
<p class="estilorojo">Estoy probando la clase estilo rojo de nuevo</p><br />
<h1>Titulo para todas las clases</h1>
<p class="estiloamarillo">Una ves mas la clase estiloamarillo</p><br />
</div>
Esto se puede complicar mas, pero por ahora esto es bueno para empezar, no quiero que me des mala reputacion por sobrecargarte el cerebro
Suerte amigo
EDITO: Tunait se me adelanto :(, pero como siempre explicacion 10+