2
respostas

Sobrescrever propriedades CSS

Bom dia,

Estou inserindo 2 classes na minha âncora. A primeira, chamada botao, possui dentre outras a propriedade border: 1px solid var(--branco) e a segunda, chamada botao__destaques, possui a propriedade border: 1px solid var(--vermelho).

Na âncora estou colocando class="botao botao__destaque", porém a borda continua branca, não está pegando a borda vermelha.

Alguém sabe o motivo?

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

2 respostas

Oi, Rodrigo! Tudo bom?

Isso provavelmente está acontecendo pela ordem de importação de arquivos CSS. Provavelmente o arquivo destaques.css está sendo importado antes do base.css, então ele coloca a borda vermelha primeiro e depois sobreescreve com a branca. Tem como dar uma olhadinha se é isso o problema?

Fico no aguardo!

Olá, tudo bem e você? Era isso mesmo. Obrigado.

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