Foros del Web » Creando para Internet » CSS »

Diferencias entre "." y "#"

Estas en el tema de Diferencias entre "." y "#" en el foro de CSS en Foros del Web. Hola a todos. Una pregunta supongo k muy boba, alguin podría decirme cual es la diferencia entre definir un estilo empezando por punto o empezando ...
  #1 (permalink)  
Antiguo 07/04/2008, 16:31
 
Fecha de Ingreso: marzo-2004
Mensajes: 283
Antigüedad: 13 años, 9 meses
Puntos: 2
Diferencias entre "." y "#"

Hola a todos.
Una pregunta supongo k muy boba, alguin podría decirme cual es la diferencia entre definir un estilo empezando por punto o empezando por #?? Ya que un estilo del tipo:

Código:
#not_fotos li { 
   display:inline; 
   float:left;  
   background-color:#ffffff; 
   padding:2px; 
   margin:1px; 
   text-align: center; 
   border-right: #54627d solid 3px; 
   border-bottom: #54627d solid 3px; 
   border-top: #54627d solid 3px;
   border-left: #54627d solid 3px;  
}
me da diferente resultado escrito empezando por . en vez de #. Muchas gracias a todos
  #2 (permalink)  
Antiguo 07/04/2008, 16:33
Avatar de aloqui  
Fecha de Ingreso: diciembre-2007
Mensajes: 973
Antigüedad: 10 años
Puntos: 24
Re: Diferencias entre "." y "#"

Los que empiezan por punto "." aplican al atributo class
Los que empiezan por numeral "#" aplican al atributo id

Es decir para <div class="clase">...</div> se debe usar .clase
y para <div id="iden1">..</div> se debe usar #iden1
__________________
Grupos de Música
Pop Music Stars
  #3 (permalink)  
Antiguo 07/04/2008, 17:29
 
Fecha de Ingreso: diciembre-2005
Ubicación: San Blas, Nayarit
Mensajes: 45
Antigüedad: 12 años
Puntos: 1
Re: Diferencias entre "." y "#"

exacto..
pero mas completo...

el punmto se ustiliza para las clases.. (<a class="estilo"></a>) pero el # es para un id, con esto a una etiqueta le concedes un ID y nomas ese estilo puede ser usado por el ke tenga el id

supongamos que tienes esto

#estilo {
background-color: #fff;
}

nomas se lo puedes aplicar a un elemento

<div id="estilo">contenido</div>

a otro ia no es aplicable..

en cuanto a class.. si.

ejemplo:

.estilo {
text-decoration: none;
background-color: #000;
color: #fff;
}

<a href="http://www.google.com" class="estilo">enlace</a>
<div class="estilo">contenido</div>

espero 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 01:53.