1

buenas! Estoy trabajando en una web ya dada, y me encuentro en el css que algunos selectores de id o de clase, son llamados de tal manera:

section#nuestroid{}
div.nuestraclase{}

¿Qué diferencia hay entre hacer esto y ponerlo como yo hacía hasta ahora? Así es como solía hacerlo:

#nuestroid{}
.nuestraclase{}

¿En qué casos se utiliza?

Muchas gracias de antemano!

1 respuesta 1

0

La única diferencia sería que en el caso de "section#nuestroid{}" solo afectaría a aquél elemento con id "nuestroid" que esté dentro de en un elemento "section", y en "div.nuestraclase{}" solo afectaría a aquellos elementos que contengan la clase "nuestraclase" dentro de DIVs.

Por ejemplo, aquí aplicarían los dos formatos mencionados:

<section>
  <div>
    <div id="nuestroid">1234</div>
    <div class="nuestraclase"></div>
  </div>
</section>

Pero aquí solo aplicarían las segundas, ya que no está dentro de un section ni la clase nuestraclase pertenece a un DIV:

 <header>
  <div id="nuestroid">1234</div>
  <span class="nuestraclase"></div>
 </header>

Hacen prácticamente lo mismo, pero el primer formato es más específico, requiere que nuestroid esté dentro de un section y que la clase nuestraclase pertenezca a un DIV.

Son igual de válidas las dos formas. Espero haberte ayudado.

2
  • Genial muchas gracias!!
    – LuthienAp
    Commented el 1 feb. 2022 a las 14:14
  • Debo hacer una corrección en mi respuesta, en el primer código que he puesto no aplicaría la primera regla ya que el id nuestroid debe pertenecer a section y no a uno de sus componentes de forma que solo aplicaría a casos como <section id='nuestroid'>, para que aplicase a alguno de sus componentes deberíamos poner un espacio entre section y #nuestroid, de la siguiente forma "section #nuestroid {}"
    – DidE
    Commented el 2 feb. 2022 a las 15:08

Tu Respuesta

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

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