Skip to main content
removeu 63 caracteres do conteúdo; título editado
Fonte Link
Largato
  • 92,9mil
  • 18
  • 190
  • 261

Qual seletor cssCSS tem prioridade?

Minha dúvida é bem objetiva.
Tratando-se de seletores css.
TenhoTenho o seguinte código HTML e CSS:

#element    p{color:blue;}
.element    p{color:red;}
div         p{color:pink;}
div.element p{color:yellow;}
div[name="element"] p{color:purple;}
div p:first-child{color:brown;}
div p:nth-child(1){color:white;}
<div class="element" id="element" name="element">
     <p>Elemento</p>
</div>

Sei que já há uma pergunta relacionada, mas nesse caso estou tratando com uma série de seletores, e não somente classe e id.

Porque é aplicado o estilo do seletor id ?
Porque o id tem prioridade em cima dos outros tantos seletores, já que os demais vem depois dele ?
Na última linha de estilo eu tenho um caminho com 3 seletores e mesmo assim o id tem prioridade, porquê ?

  • Porque é aplicado o estilo do seletor id ?
  • Porque o id tem prioridade em cima dos outros tantos seletores, já que os demais vem depois dele ?
  • Na última linha de estilo eu tenho um caminho com 3 seletores e mesmo assim o id tem prioridade, porquê ?

Qual seletor css tem prioridade?

Minha dúvida é bem objetiva.
Tratando-se de seletores css.
Tenho o seguinte código HTML e CSS:

#element    p{color:blue;}
.element    p{color:red;}
div         p{color:pink;}
div.element p{color:yellow;}
div[name="element"] p{color:purple;}
div p:first-child{color:brown;}
div p:nth-child(1){color:white;}
<div class="element" id="element" name="element">
     <p>Elemento</p>
</div>

Sei que já há uma pergunta relacionada, mas nesse caso estou tratando com uma série de seletores, e não somente classe e id.

Porque é aplicado o estilo do seletor id ?
Porque o id tem prioridade em cima dos outros tantos seletores, já que os demais vem depois dele ?
Na última linha de estilo eu tenho um caminho com 3 seletores e mesmo assim o id tem prioridade, porquê ?

Qual seletor CSS tem prioridade?

Tenho o seguinte código HTML e CSS:

#element    p{color:blue;}
.element    p{color:red;}
div         p{color:pink;}
div.element p{color:yellow;}
div[name="element"] p{color:purple;}
div p:first-child{color:brown;}
div p:nth-child(1){color:white;}
<div class="element" id="element" name="element">
     <p>Elemento</p>
</div>

Sei que já há uma pergunta relacionada, mas nesse caso estou tratando com uma série de seletores, e não somente classe e id.

  • Porque é aplicado o estilo do seletor id ?
  • Porque o id tem prioridade em cima dos outros tantos seletores, já que os demais vem depois dele ?
  • Na última linha de estilo eu tenho um caminho com 3 seletores e mesmo assim o id tem prioridade, porquê ?
Aviso removido Recompensar resposta existente por Maniero
Fim da Recompensa com Largato's answer escolhido por Maniero
Aviso adicionado Recompensar resposta existente por Maniero
Recompensa Oferecida vale 50 pontos de reputação por Maniero
tags editadas
Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361

Qual seletor css tem prioridade?

replaced http://pt.stackoverflow.com/ with https://pt.stackoverflow.com/
Fonte Link

Minha dúvida é bem objetiva.
Tratando-se de seletores css.
Tenho o seguinte código HTML e CSS:

#element    p{color:blue;}
.element    p{color:red;}
div         p{color:pink;}
div.element p{color:yellow;}
div[name="element"] p{color:purple;}
div p:first-child{color:brown;}
div p:nth-child(1){color:white;}
<div class="element" id="element" name="element">
     <p>Elemento</p>
</div>

Sei que já há uma pergunta relacionadapergunta relacionada, mas nesse caso estou tratando com uma série de seletores, e não somente classe e id.

Porque é aplicado o estilo do seletor id ?
Porque o id tem prioridade em cima dos outros tantos seletores, já que os demais vem depois dele ?
Na última linha de estilo eu tenho um caminho com 3 seletores e mesmo assim o id tem prioridade, porquê ?

Minha dúvida é bem objetiva.
Tratando-se de seletores css.
Tenho o seguinte código HTML e CSS:

#element    p{color:blue;}
.element    p{color:red;}
div         p{color:pink;}
div.element p{color:yellow;}
div[name="element"] p{color:purple;}
div p:first-child{color:brown;}
div p:nth-child(1){color:white;}
<div class="element" id="element" name="element">
     <p>Elemento</p>
</div>

Sei que já há uma pergunta relacionada, mas nesse caso estou tratando com uma série de seletores, e não somente classe e id.

Porque é aplicado o estilo do seletor id ?
Porque o id tem prioridade em cima dos outros tantos seletores, já que os demais vem depois dele ?
Na última linha de estilo eu tenho um caminho com 3 seletores e mesmo assim o id tem prioridade, porquê ?

Minha dúvida é bem objetiva.
Tratando-se de seletores css.
Tenho o seguinte código HTML e CSS:

#element    p{color:blue;}
.element    p{color:red;}
div         p{color:pink;}
div.element p{color:yellow;}
div[name="element"] p{color:purple;}
div p:first-child{color:brown;}
div p:nth-child(1){color:white;}
<div class="element" id="element" name="element">
     <p>Elemento</p>
</div>

Sei que já há uma pergunta relacionada, mas nesse caso estou tratando com uma série de seletores, e não somente classe e id.

Porque é aplicado o estilo do seletor id ?
Porque o id tem prioridade em cima dos outros tantos seletores, já que os demais vem depois dele ?
Na última linha de estilo eu tenho um caminho com 3 seletores e mesmo assim o id tem prioridade, porquê ?

Tweeted twitter.com/StackOverflowPT/status/760396702255906816
Pergunta reaberta por Sergio html
adicionou 139 caracteres ao conteúdo
Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294
Carregando
Melhorar diferença entre outra pergunta.
Fonte Link
Ricardo Mota
  • 2,9mil
  • 11
  • 21
Carregando
Pergunta fechada como "Duplicada" por Sergio html
Fonte Link
Ricardo Mota
  • 2,9mil
  • 11
  • 21
Carregando