Entrar Ainda não tem acesso?
2
respostas

[Dúvida] Qual a prioridade do botão (hierarquia)

Referente ao curso HTML e CSS: praticando HTML/CSS, no capítulo A dupla HTML e CSS e atividade Grid e continuação

por Guilbert
| 70.9k xp | 20 posts

Possuindo duas classes e trabalhando com no mesmo elemento qual será a prioridade de apresentação para o usuário possui alguma instrução de como isso é tratado ? 

.container__botao {
    background-color: var(--botao-azul);  /* primeira cor adicionada */
    color: var(--branco-principal);
    border-radius: 5px;
    padding: 1em; 
    display: block;

}

.botao_secundario {
    border: 1px solid var(--branco-principal);  
    background-color: transparent;  /*sobrescreveu a cor*/
}

Sei que existe prioridade no CSS (hierarquia) 1 - inline 2 - id 3 - class 4 - tag

Mas no caso da aula foi abordado duas class e fiquei em duvida disso.

2 respostas
por ERIK EDUARDO SANTANNA
| 22k xp | 3 posts

Fala Guilbert, tudo bem?

Cara, em uma das aulas, se eu não me engano, foi falado que componentes com duas classes tem uma prioridade maior, será que não é isso?

por Gabriel Felipe Rocha Cordeiro
| 125.3k xp | 93 posts

Oi, Guilbert.

Acredito que o .botao_secundario tenha prioridade por estar em uma tag filha de outra com a class .container_botao, então é como se ela tivesse o dobro de valor (por ter duas class). (E no caso das duas terem a mesma prioridade, a última no código é a que fica, pois é a última informação lida pelo programa).