Question

我对HTML和CSS相对缺乏经验，我在第二页上尝试更改导航栏的填充和边距值时遇到困难，而不会影响索引页。

注意：我想在第二页上将导航风格略有不同。

我有2个导航栏.navbar和.navbar2，每个导航栏都有相同的代码。

<div class="navbar">
    <nav class="large clearfix">
      <ul>
        <li>
          <a href="index.html">Home</a>
        </li>
        <li>
          <a href="famous.html">Famous People</a>
        </li>
        <li>
          <a href="places.html">Places to Visit</a>
        </li>
        <li>
          <a href="contactus.html">Contact Us</a>
        </li>
      </ul>
      <div class="veggieburger"><a href="#nav">&equiv;</a></div>
    </nav>
</div>

如何从CSS中的语法角度调出navbar2 UL LI属性，以便将其设置为不同的样式，而不会影响与索引页面对齐的导航值。

我在CSS中尝试没有成功。

.navbar2  > li {
  margin-top: 50px;
}

Answer 1

好吧，为了管理不同的类（。）和ID（＃），我们在我写的括号中使用这些选择器。

例如，假设您想要独立设置navbar和navbar2的样式，您可以使用选择器直接设置它们的样式＆＃34;。＆＃34;。只需添加一个＆＃34;。＆＃34;在课堂前，并根据需要应用你的属性。

例如，假设我的HTML全部完成，这将是CSS：

.navbar
        {
        width: 100%;
        height: 30vw;
        color: red;     /*this would make the text red*/
        }

.navbar2
        {
        width: 100%;
        height: 30vw;
        color: green    /*and this makes the text green*/
        }

希望有所帮助！

如何在不影响索引页面导航的情况下修改第二页的导航值

1 个答案: