頁腳不從css繼承類，但接受另一個？

我有Bootstrap框架中的基本頁腳設置與自定義測試。該HTML：頁腳不從css繼承類，但接受另一個？

<footer class="footer navbar-custom-footer navbar-fixed-bottom"> 
    <div class="container"> 
     <div class="row"> 
      <div class="column"> 
       Some Rights Reserved. 
      </div> 
     </div> 
    </div> 
</footer>

而CSS：

.navbar-custom-footer { 
    background-color:#7BAFD4; 
    color:#B7C0E0; 
    border-radius:0; 
    font-size: 1em; 
}  

.navbar-custom-footer .navbar-nav > li > a { 
    color:#121E4B; 
} 

.navbar-custom-footer .navbar-nav > .active > a, 
.navbar-nav > .active > a:hover, 
.navbar-nav > .active > a:focus { 
    color: #121E4B; 
    background-color:transparent; 
} 

.navbar-custom-footer .navbar-brand { 
    color:#eeeeee; 
}

這是我的自定義標籤頭的精確副本，並使用原來這是以下時，將只適用的CSS：

.navbar-custom { 
    background-color:#7BAFD4; 
    color:#B7C0E0; 
    border-radius:0; 
    font-size: 1em; 
} 

.navbar-custom .navbar-nav > li > a { 
     color:#121E4B; 
} 

.navbar-custom .navbar-nav > .active > a, 
.navbar-nav > .active > a:hover, 
.navbar-nav > .active > a:focus { 
    color: #121E4B; 
    background-color:transparent; 
} 

.navbar-custom .navbar-brand { 
    color:#eeeeee; 
}

正如你可以看到它應該繼承相同？當通過螢火蟲看它時，它沒有顯示班級工作，但是對後者有用。作爲一名正在學習的新開發人員，這絕對會讓我開始瘋狂！

來源

2016-11-10 Jesse730

你可以試一下用！屏幕 – Parthasarathy

你想要它是什麼屬性的重要，我不明白什麼是行不通的。你只使用* .navbar-custom-footer *，所有其他的東西（navbar-nav，active等等等）都沒有在你提供的html中使用 – GiuServ

我也試過這個，它不起作用Parthasarathy。 @GiuServ，我也不明白......其他屬性在這一點上對頁腳無關緊要，但是我甚至無法獲得顯示的背景，所以我不確定發生了什麼。 – Jesse730

你的代碼是正確的，所以如果它不起作用，可能你沒有包含包含規則的樣式表。

<style> 
 
    .navbar-custom-footer { 
 
    background-color: #7BAFD4; 
 
    color: #B7C0E0; 
 
    border-radius: 0; 
 
    font-size: 1em; 
 
    } 
 
</style> 
 

 
<footer class="footer navbar-custom-footer navbar-fixed-bottom"> 
 
    <div class="container"> 
 
    <div class="row"> 
 
     <div class="column"> 
 
     Some Rights Reserved. 
 
     </div> 
 
    </div> 
 
    </div> 
 
</footer>

來源

2016-11-10 08:48:26 GiuServ

頁腳不從css繼承類，但接受另一個？

回答

相關問題