Question

.navbar-brand到达网站的某个页面时是否可以更改其颜色？
我目前有这段代码，该代码在滚动时会更改其颜色：

.navbar-brand.scrolled {
  color: yellow !important;
  transition: 200ms linear;
}

和脚本：

<script>
$(function () {
  $(document).scroll(function () {
    var $nav = $(".navbar-brand");
    $nav.toggleClass('scrolled', $(this).scrollTop() > $nav.height());
  });
});
</script>

Answer 1

将上的class =“ articles”放在页面文章中，然后将该选择器与CSS一起使用。

nav {
  width: 100%;
  height: 100px;
  background-color: tomato;
}

.articles nav {
  background-color: orange;
}

<body class="articles">
  <nav>

  </nav>
</body>

在某些页面上更改Navbar品牌颜色

1 个答案: