页脚不从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继承类，但接受另一个？

回答

相关问题