Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

1
resposta

Estilo do css não sobrepõe o do bootstrap

Código css

.btn-cor-especial { background-color: #8D0606; color: white; }

.borda-cor-especial{ border-color: darkred; }


código html

tigela com salada de abacate, vista superior
Tigela de abacate

Receita refrescante e cheia de vitaminas para o seu café da manhã!

Veja a receita
1 resposta

Regina,

Para sobrepor o estilo do boostrap, você deve utilizar a anotação "!important" conforme abaixo.


.btn-cor-especial { 
        background-color: #8D0606 !important; 
        color: white !important; 
}

.borda-cor-especial { 
        border-color: darkred !important; 
}