Bootstrap tema öğeleri rengini değiştiremezsiniz

Question

ASP.net web uygulamamla ilk kez bir bootstrap teması kullanıyorum, bu yüzden CSS düzenleme ile bazı zorluklar yaşadım.

Bu önyükleme şablonunu çevrimiçi kullanıyorum ve gereksinimlerimi karşılamak için altbilginin rengini başka bir renge değiştirmek istiyorum. İşte html

<div class="footer_bottom"> 
     <div class="copy"> 
      <p>Copyright &copy; 2014</p> 
     </div> 
    </div> 

kod var ve burada CSS

.footer_bottom { 
padding: 2em 0; 
/*background: #7cc4cc;*/ 
background: #5DBCD2; 

}

Temelde, # 5DBCD2 için # 7cc4cc gelen div rengini değiştirmek istiyorum bu. Sayfamı google chrome'da çalıştırdığımda ve inceleme elemanını seçtiğimde kodun sözde çalıştığını, ancak css özelliklerinin arka planında olduğunu belirttim: # 7cc4cc satır arkaplanının üzerine eğildi: # 5DBCD2 (kesilmemiş) ancak renk Gösterilen div hala # 7cc4cc. Kısacası, bir nedenden dolayı temanın CSS renk özelliklerini değiştiremiyorum. Herhangi bir yardım büyük takdir edilecektir.

Answer 1

Sen öğrenebilirler:

.footer_bottom { 
padding: 2em 0 !important; 
/*background: #7cc4cc;*/ 
background: #5DBCD2 !important; 

Answer 2

Kendini çok sevdiği arka plan rengi değişikliği için !important eklemem gerekiyor böylece önyükleme css geçersiz kılmak için çalışıyoruz:

.footer_bottom { 
     padding: 2em 0 !important; 
     background: #5DBCD2 !important; 
    } 

Answer 3

Kullanım !important önyükleme stilleri geçersiz kılmak için CSS Specificity'u okuyarak çok şey. CSS kurallarının üstünde kuralları hakkında, yani oluyor ne düşündüğünü, bazı kurallar üzerinde uygulanan alıyorsanız olmasıdır: bu .footer-bottom beyan bundan daha yüksek spesifitesi ve yaptığınız kurallara

.footer_bottom { background: #5DBCD2; } 

kontrol edin.

Diğer yanıtlarda bulunan !important çözümü yapmak istediğiniz bir şey değildir. Zamanla, bu şeyler senin kıvranında seni ısırırlar, çünkü senin özelliğinizi çatıdan üflerler.