class... ¿para que sirven y cuando usarlas?

Hola... algunos ya se empezaran a cansar de mis preguntas pero cada vez que tengo una nueva web entre manos me surge un nuevo problema...

mi nueva duda es sobre las clases (class). He leido el tutorial de CLAB respectivo pero no acabo de ver la diferencia entre clase y selector de identificador. Se que el primero se debe aplicar en el xhtml y el segundo se aplica "directamente".

Pero mas alla de eso... que diferencias hay? cuando se deben usar las clases? Yo hago todo con los selectores de etiquetas y de identificardor..

Tengo una hipotesis, pero no se si estoy en lo cierto. Puede ser que sirvan para hacer variaciones de un elemento definido en los selectores de identificador?

Pongo un ejemplo (no tengo codigo, es solo un ejemplo que podría aplicar en un futuro)...

Tengo un menu 5 links recuadrado de fondo azul pero por "x" razon quiero que uno de los links tenga el fondo rojo... Estaria bien utilizar un selector de identificador para el menu y uno de clase para aplicarse al link del fondo rojo?

No se si me explicado muy bien... Espero que me entiendais

Gracias por vuestra ayuda!

a pesar de lo enredado te logre entender y si es algo por el estilo..

por ejemplo imaginate que tienes un estilo para las imagenes quieres que todas tenga un border= 0

pero quieres que las imagenes que ciertas imagenes salgan centradas y otras tantas alineadas a la izq o derecha, esas variaciones de el estilo de imagen lo haces con clases

Código :

img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto;   
   }

img.alignright {
   padding: 4px;
   margin: 0 0 2px 7px;
   display: inline;
   }

Saludos

Gracias!!!
No solo sabeis de CSS... tambien sabeis entender a los que no nos sabemos explicar

Mmmm
Ahi hay algo raro.
Las clases son para aplicar estilos a muchos elementos que los compartan, por ejemplo:

Tengo muchas imagenes, a todas quiero ponerle un padding de 4px y borde gris de 1px. Pues hago una clase:

Código :

.mi_clase {
  border:1px solid #666666;
  padding:4px;
  }

y luego se lo aplico a todas las imagenes, o a lo que sea que quiera ponerle esos estilos:

Código :

<img src="mi_imagen.png" class="mi_clase">
<!--o bien-->
<div class="mi_clase">
<!--o-->
<p class="mi_clase">

Con lo que obtendremos en esos casos, imagenes, parrafos y divs con 4px de padding y borde gris de 1px.

Los identificadores, los usamos para separar (identificar) a UN SOLO elemento dentro del html, es como ponerle nombre a ese elemento especifico, para luego referirnos a el por su nombre. Debe quedar claro que los identificadores (id="tal") deben ser únicos en el html, en cambio las clases las usamos en muchos elementos simultaneamente.

id, solo usado 1 ves en una pagina.
class, usado infinitas veces en una pagina.

gracias por la aclaratoria

con gente asi da gusto pelearse con las css!!!

overbooking escribió:

Allí está el problema... con CSS no se pelea, con los navegadores deficientes se pelea... a CSS se le disfruta...

Por cierto, tema resuelto, tema cerrado.

pedro escribió:

Hermosa frase, ten por seguro que la robare para mi siguiente conferencia