Ela solicita para trocar a cor do botao "veja a receita" no card para Darkred, crio a classe no css para a cor solicitada, adciono a classe ao html e mesmo assim nao esta trocando de cor. Ja exclui a classe btn-primary e mesmo assim nao esta deixando trocar de cor. tento inspecionar e diz que a cor azul prevalece. alguem poderia ajudar pls.
2
respostas
respostas
Cor do botao nao muda
Talvez se você criar a regra vinculada ao ID já resolva, pois no CSS temos as forças de ordem.
- Seletores universais (*), pseudo-classes, negações e outros tem valor 0; ou seja, são os com menor força nessa regra.
- Pseudo-elementos e outros tem valor 1;
- Classes e outros tem valor 10;
- ID tem valor 100;
- Ordem de Estilo inline tem valor 1000, ainda sendo o mais forte nessa regra também.
Note nesse exemplo que a classe .botao não é aplicada, porque o ID é mais forte. https://codepen.io/b-schmitz/pen/dyRjVZo
Obrigado Bernardo!!