Solucionado
O que é melhor fazer quando por exemplo quero muda a cor do menu no Boostrap. Crio uma nova classe para aquele elemento e coloco a cor ou utilizo a classe do Bootstrap e reescrevo a cor daquele elemento? Porque criei um nova classe para um determinado elemento para mudar a cor mas prevaleceu a classe do Bootstrap.
hoje, com a Alura e o Google Gemini
Marcelo, uma boa prática é apenas alterar o valor da propriedade que você deseja atualizar, sem criar uma nova classe para isso.
Se você está tendo problemas ao alterar uma propriedade e ela ser sobrescrita pelo bootstrap, você pode tentar usar "!important" no final dos atributos que você deseja que se sobressaiam sobre os estilos do bootstrap. Imagine os códigos CSS numa hierarquia, quem tem o valor !important vai para o topo dessa hierarquia e é aplicado.
Dessa forma, se você tem, no bootstrap, a seguinte classe:
h2 {
font-size: 12px;
}Mas você quer que os h2 tenham tamanho 18, você pode forçar essa propriedade com o uso do !important assim?
h2 {
font-size: 18px !important; /** isso fará com que os h2 tenham 18px independente do que estiver definido no bootstrap **/
}Tem que se considerar também toda a questão da herança de estilos mas acredito que só isso já resolva seu problema.
Posta aí se resolveu! Abraço.
Creio que seja melhor reescrever a classe do bootstrap, obrigado.