> Faqs > Diferencia entre selector class y selector id en CSS

Diferencia entre selector class y selector id en CSS

En los videotutoriales de selectores de CSS No entendí la diferencia entre selectores class y selectores id. Es decir, en hojas de estilo en cascada vi que unas veces colocas los estilos CSS a través de clases (class) y otras veces a través del atributo id. Vi que para asignar estilos utilizas selectores distintos. Cuando asignas estilos por los id utilizas "#" para construir el seclector y cuando asignas estilos a una clase, utilizas "." para definir el selector. Pero no me quedó claro cuándo debo utilizar class y cuando debo utilizar id.

Responder la pregunta
Editar Hacer otra preguntaPreguntar

Respuestas

Esa duda de CSS es bastante básica. Creo que estará explicada con más detenimiento en el Manual de CSS, pero te lo comento rápidamente por aquí. La diferencia es que los selectores por identificador están pensados para que el elemento que seleccionas sea único (sólo le puedes poner un identificador dado a un elemento de la página, es decir, los identificadores deben ser únicos). Sin embargo, las clases están pensadas para poder definir el mismo estilo a varios elementos de la página. Es decir, puedes asignar una misma clase a varios elementos de la página sin problemas. De hecho, las clases están pensadas justamente para que las utilices en diversos elementos distintos en la página. Por ejemplo, si tienes una página con un menú de navegación que aparece una única vez, podrías asignarle un id a la capa donde está la barra de navegación. Ese ID sería único, porque no hay otra barra de navegación igual a esa en la página. El id sería único. Ahora bien, si dentro de la barra de navegación tienes varios enlaces y quieres asignarles estilos a todos a la vez, tendrías que crear una clase (class de CSS) y asignarla a cada uno de esos enlaces. Los x enlaces que tuvieras, tendrán todos la misma clase y asignarás el estilo de una vez para todos a través de la class.

Miguel Angel
460 24 32 2