重寫引導3.0

Question

我在HTML的代碼

<div class="pru"> 
    <ul class="nav navbar-nav" id="bo"> 
    <li class="bos"><a href="#about">About</a></li> 
    </ul> 
</div> 

，這是我的CSS代碼：

body div ul li.bos { 
-webkit-transition: background-color 5s !important; 
} 

.pru { 
    width:200px; 
    height: 200px; 
    margin: 250px auto; 
    background-color: blue; 
} 

body div ul li.bos:hover { 
    background-color: green; 
    font-size: 32px; 
} 

我想「麗」組件的顏色從藍色變爲綠色時改變我將它懸停，但bootstrap覆蓋我的代碼，並將顏色更改爲灰色。我如何覆蓋Bootstrap代碼？

Answer 1

默認情況下，引導程序將background-color應用於a元素，而不是li。你應該調整你的CSS來影響a這樣的標籤

body div ul li.bos:hover a{ 
    background-color: green; 
    font-size: 32px; 
}