[SOLUCIONADO] ¿Es correcto colocar el CSS sobre el elemento que se va a usar?

[rbnncls]

Es sólo una duda, me gustaría saber si es mejor así o todo al header.

Últimamente veo más práctico colocar el style de un div, sobre este mismo en el código, se me hace mucho barullo de códigos cuando lo pongo todo junto en la cabecera.

Como decía, lo que quiero saber es si está mal hacerlo así o no.

Lo que hago es esto pa' que me entendáis:

Código HTML:

<style type="text/css">
   .div1 {
      border:1px solid #000;
      font-color: black;
      width:20px;
      heigth:auto;
      /*etc*/
}
   .div1:hover {
      transition-duration:0.5;
      font-color: blue;
      width:40px;
}
</style>

<div class="div1"> 
   Contenido 
</div> 

¿Está mal hacer eso? ¿O carga la página correctamente primero el estilo y luego el elemento?

Además se me hace más fácil de encontrar lo que quiero editar.

Saludos.

[pzin]

Lo correcto es usar una hoja de estilos. Si la tienes ordenada, organizada, seccionada y comentada no debes de tener mayor problema para encontrar lo que quieres.

Tengo ahora mismo este abierto (aunque es SASS, es la misma cosa):

[rbnncls]

Gracias por tu respuesta pzin.

Entiendo que lo correcto es tener una hoja de estilos. ¿Pero afecta negativamente poner el estilo sobre el elemento en el que se va a usar?

Saludos!

[Linton]

Es una mala costumbre, salvo que te encante perder el tiempo

Cuando llegues a una web con abundantes secciones y apartados comprobarás la ventaja de modificar todos los elementos de una class con un solo cambio en el CSS, en vez de recorrer el HTML grano a grano como Juan Valdés.

[rbnncls]

Buena respuesta Linton, y gracias por responder.

Ya me queda claro de acuerdo, aún así no creo webs tan grandes, pero lo sabré para cuando sea necesario.

Gracias por vuestras respuestas chicos!