Question

我在Bootstrap框架中使用自定义测试设置了基本页脚。 HTML：

<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;
}

你可以看到它应该继承相同的？当通过萤火虫看它时，它并没有表明班级有效，而是对后者有效。作为一名正在学习的新开发人员，这肯定会让我疯狂！

Answer 1

您的代码是正确的，因此如果它不起作用，您可能不会包含包含规则的样式表。

＆＃13;

<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>

＆＃13;

页脚不是从css继承类而是接受另一个？

1 个答案: