Entrar Ainda não tem acesso?
2
respostas

Cor do botao nao muda

Referente ao curso Bootstrap 4: criando uma landing page responsiva

por Vagner Turella
| 64.7k xp | 3 posts

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
por Bernardo Schmitz dos Santos
| 96.4k xp | 67 posts
Programador

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

por Vagner Turella
| 64.7k xp | 3 posts

Obrigado Bernardo!!