Qual o melhor maneira de fazer isso...

[JoaoCardoso 0]

Olá pessoal, preciso saber a opinião de vocês. Suponhamos que eu queira alinhar um cabeçalho H1 à esquerda. Qual a melhor maneira de fazer isso?

Usando o caminho do elemento:

#topo > div > div:nth-child(1) > div > h1{
	text-align:left;
}

ou criar uma classe como a seguinte:

.text-left{
     text-align:left;
}

*Imagine que esse cabeçalho não faça parte de um componente específico.

[André do Vale 76]

Você quem define a melhor maneira que se adeque ao seu trabalho.

 

Eu prefiro trabalhar com classes genéricas (poucas, e com o nome bem curto, para não sujar muito o HTML), como seu segundo exemplo. Entretanto, ao usar hierarquia com pré-processadores, muito do código acaba sendo compilado com a organização exemplificada no seu primeiro item.

 

Evite seguir 'receitas de bolo' para isto. Tente achar o seu melhor jeito. Agora, se quiser algum norte de uma forma bacana de se trabalhar, segue: https://speakerdeck.com/dafed/managing-css-projects-with-itcss.

 

https://www.youtube.com/watch?v=1OKZOV-iLj4

[JoaoCardoso 0]

Você quem define a melhor maneira que se adeque ao seu trabalho.

 

Eu prefiro trabalhar com classes genéricas (poucas, e com o nome bem curto, para não sujar muito o HTML), como seu segundo exemplo. Entretanto, ao usar hierarquia com pré-processadores, muito do código acaba sendo compilado com a organização exemplificada no seu primeiro item.

 

Evite seguir 'receitas de bolo' para isto. Tente achar o seu melhor jeito. Agora, se quiser algum norte de uma forma bacana de se trabalhar, segue: https://speakerdeck.com/dafed/managing-css-projects-with-itcss.

 

https://www.youtube.com/watch?v=1OKZOV-iLj4

Pois é André, por um lado acho bom criar classes auxiliares e genéricas, mas penso que pode poluir demais o HTML. O que adianta substituir o atributo style pelo class. Penso ser melhor usar o caminho do elemento para tal. Claro, que isso somente para situações especiais onde não da para generalizar, como posicionamentos.