0

Cuál es la diferencia entre # y . al declarar un conjunto de estilos para un elemento?

1 respuesta 1

0

En CSS existe algo llamado selectores, entre ellos se puede seleccionar por ejemplo elementos directamente como p, a, img, etc. O también se pueden usar selectores de clase o Id. "." Se utiliza para seleccionar elementos por su clase y "#" se utiliza para seleccionar elementos por su Id.

Ejemplo:

 <div id="ejemploId" class="ejemploClase">

Para seleccionar el div por su id usarías en CSS "#ejemploId", en caso de desear seleccionar el div por su clase usarías ".ejemploClase".

Una diferencia para su aplicación podría ser si deseamos aplicar los estilos a un único elemento en cuyo caso se suele utilizar id o si se desea aplicar un grupo de reglas a varios elementos, en ese caso aplicamos la misma clase a todos los elementos que se desea afectar.

4
  • y cual seria la diferencia entre el ejemplo[id="ejemploid"] y el #ejemploid ?
    – Ssam
    el 18 may. 2022 a las 5:35
  • En el caso de los [ ] también son parte de los selectores, se podría hacer algo específico como div[class*="ejemploClase"], me refiero a específico porque podrías aplicar la clase a diferentes elementos div, p, span, etc., pero este selector solo afectaría a los div que cumplan con el atributo y valor especificado adentro de los [ ]. el 18 may. 2022 a las 5:42
  • Gracias Luis, ahora me queda mas claro
    – Ssam
    el 18 may. 2022 a las 5:44
  • A las órdenes, en el caso de los id quizás esta última sintaxis no tiene mucho sentido porque #id es muy específico, pero en el caso de las clases por ejemplo puede ser útil especificar a que elementos con esa clase queremos afectar. el 18 may. 2022 a las 5:47

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.