Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Dúvida geral de CSS

Olá. Tennho uma dúvida sobre a ordem e repetição das classes ou outras tags utilizadas em um arquivo.css. Por exemplo faz diferença a ordem que estiverem no arquivo.css e se os atributos de cada classe ou tag estão repetidos. Por exemplo, há diferença em se colocar assim?

.citacao-bio { background-color: #D9E5E3; border: 10px solid #C2CCCA; width: 250px; box-sizing: border-box; margin: 20px 40px; padding: 20px; }

ou assim:

.citacao-bio, .navegacao-site, .rodape-pagina { padding: 20px; box-sizing: border-box; margin: 20px 40px; }

<!- outras tags -->

.citacao-bio { background-color: #D9E5E3; border: 10px solid #C2CCCA; width: 250px;

1 resposta
solução!

A ordem tem influência sim, ex mais simples:

h1 { color: red }
...
h1 { color: green }

Repeti o mesmo seletor, logo a última regra é a que vale, a cor seria green.

Um outro ex, vamos supor q tenha um arquivo header.css e nele eu tenha declarado o h1 com cor red, e outro arquivo main.css declarei o h1 como green, e na ordem de importação no html, faço o seguinte:

<link href="main.css"> // green
 <link href="header.css"> // red

Qual vai ser a cor do h1? resposta: red

Pois foi a última regra a ser lida, então sobrescreve a anterior. Perceba que é o mesmo efeito de ter uma regra sobrescrita em um único arquivo, aqui apenas os separei.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software