Foros del Web » Creando para Internet » CSS »

Diferencia Class e id ???

Estas en el tema de Diferencia Class e id ??? en el foro de CSS en Foros del Web. Que diferencias hay en definir una capa como class o como id??? <div id="mipagina2"> <div class="mipagina2"> En el css uno va con . y otro ...
  #1 (permalink)  
Antiguo 28/03/2008, 03:28
 
Fecha de Ingreso: octubre-2005
Mensajes: 132
Antigüedad: 18 años, 6 meses
Puntos: 1
Diferencia Class e id ???

Que diferencias hay en definir una capa como class o como id???

<div id="mipagina2">

<div class="mipagina2">


En el css uno va con . y otro con # pero no se cual es mejor ni que diferencia realmente tienen ....

Venga gracias
  #2 (permalink)  
Antiguo 28/03/2008, 05:37
Avatar de PosProdukcion  
Fecha de Ingreso: noviembre-2004
Ubicación: Manzanares el Real (Madrid)
Mensajes: 726
Antigüedad: 19 años, 5 meses
Puntos: 9
Re: Diferencia Class e id ???

Una clase define toda una "familia" de elementos con un estilo similar, podrían incluso ser elementos de distinto tipo (<p class="borde_rojo">, <div class="borde_rojo">, <span class="borde_rojo">, etc)

Un elemento definido con ID tiene el requisito imprescindible de ser único en toda la página, es decir, no puede haber dos elementos con el mismo ID en la misma página, así que cuando defines un estilo con # te debes referir a un elemento concreto, por ejemplo, "menu_izquierdo", "barra_lateral_derecha", "div_contenedor", etc...

Te recomiendo al lectura de este manual, es muy sencillo y completo, especialmento el capítulo de selectores habla de estas dudas que panteas
  #3 (permalink)  
Antiguo 28/03/2008, 07:47
 
Fecha de Ingreso: marzo-2008
Mensajes: 11
Antigüedad: 16 años, 1 mes
Puntos: 0
Re: Diferencia Class e id ???

hola, este es uno de los conceptos mas importantes que tienes que conocer de accesiblidad, en resumen, id poner uno por pagina (id="contenedor", este id no se podra repetir, podras crear otros pero solo utilizandolos una vez), y class se pueden repetir todo las veces que quieras. (class="texto-grande", esto lo puedes poner todas las veces que te hagan falta en tu pagina)
espero que te sirva
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:37.