Foros del Web » Creando para Internet » CSS »

diferencias entre declaraciones

Estas en el tema de diferencias entre declaraciones en el foro de CSS en Foros del Web. Buenas a todos. Tengo una duda, que diferencias existen entre estas formas de declarar id's y clases, por ejemplo yo puedo poner esto: Código: #contenedor{ ...
  #1 (permalink)  
Antiguo 11/11/2008, 18:45
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
diferencias entre declaraciones

Buenas a todos.

Tengo una duda, que diferencias existen entre estas formas de declarar id's y clases, por ejemplo yo puedo poner esto:

Código:
#contenedor{ width:800px; height:auto;margin:0 auto;}
.caja1{width:200px; height:auto;float:left}
.centro{width:400px; height:auto; float:left}
.caja2{width:200px; height:auto;float:right}
entonces tengo un contenedor con una estructura de 3 columnas, pero podría ponerlo de esta manera:

Código:
#contenedor{ width:800px; height:auto;margin:0 auto;}
#contenedor div.caja1{width:200px; height:auto;float:left}
#contenedor div.centro{width:400px; height:auto; float:left}
#contenedor div.caja2{width:200px; height:auto;float:right}
Qué es lo diferente?
  #2 (permalink)  
Antiguo 11/11/2008, 19:11
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: diferencias entre declaraciones

Que los de abajo tiene un id (#) identificador único, y en teoría sólo se deberían a utilizar con un UNICO elemento en la página (sólo debería aplicarse una vez)
Los que comienzan por . (clases) pueden utilizarse reiteradamente.

Pero también es cierto que los navegadores no llevan la cuenta de los # y si se repiten o no.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 11/11/2008, 20:06
Avatar de Null_  
Fecha de Ingreso: octubre-2008
Ubicación: Santiago
Mensajes: 530
Antigüedad: 9 años, 2 meses
Puntos: 30
Respuesta: diferencias entre declaraciones

Complementando a lo de kseso?...

La diferencia entre tus dos códigos es que en el codigo ejemplo 2, si existiese un elemento (.caja2) FUERA del contenedor (#contenedor) en el documento html, el estilo CSS no afectará al elemento.
En cambio si escribes el primer ejemplo de código que presentaste, CUALQUIER elemento dentro de tu documento ya sea .caja1 .centro o .caja2 podra llevar el estilo CSS descrito.

Es decir que #contenedor div.caja1 {} solo vale para divs que esten dentro de #contenedor y ninguno que este fuera...


saludos

Última edición por Null_; 11/11/2008 a las 20:18
  #4 (permalink)  
Antiguo 12/11/2008, 08:09
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: diferencias entre declaraciones

ya entendí gracias a ambos por responder.

Saludos...
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 14:36.