Question

CSS入门者，我正在尝试构建Nav;

到目前为止，我有以下CSS代码。我希望.btn字体颜色为白色。我尝试使用！important;但也不起作用。

有什么主意可以替代字体颜色，我可以做些什么来改变它？

/* navigation */
nav {
  width: 503px;
  height: 45px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  float: right;
  color: #646881;
}

nav li {
  display: inline;
  padding-right: 20px;
}

nav a:link {
  color: #646881;
}

nav a:hover {
  color: #646881
  font-style: italic;
}

nav a:active {
  color: #646881;
}

nav a:visited {
  color: #646881;
}

img.logo{
  max-height: 45px;
  max-width: 105px;
  border-top: 40px;
  margin-left: 60px;
  float: left;
  padding: 5px;
}


.btn {
background-color: #646881;
width: 75px;
border-radius: 4%;
border: none;
color: #ffffff;
}

HTML

是的，很抱歉，这里是HTML：

<header role="header">

</div>
<a href="index.html"><img border="0" class="logo" src="/assets/images/logo.png" alt="David Bowie Personas Logo"></a>
<!-- Nav-->
  <nav id="MainMenu" role="navigation">
     <ol>
        <li>
          <a href="about.html">About</a>
        </li>
....
        <li>
          <a href="shop.html" class="btn" role="button">Shop</a>
        </li>
    </ol>
  </nav>
</header>

Answer 1

/* navigation */
nav {
  width: 503px;
  height: 45px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  float: right;
  color: #646881;
}

nav li {
  display: inline;
  padding-right: 20px;
}

nav a:hover {
  color: #646881
  font-style: italic;
}

img.logo{
  max-height: 45px;
  max-width: 105px;
  border-top: 40px;
  margin-left: 60px;
  float: left;
  padding: 5px;
}


a.btn {
background-color: #646881;
width: 75px;
border-radius: 4%;
border: none;
color: #ffffff;
display: block;
padding: 10px;
text-align: center;
}

<header role="header">
<a href="index.html"><img border="0" class="logo" src="/assets/images/logo.png" alt="David Bowie Personas Logo"></a>
<!-- Nav-->
  <nav id="MainMenu" role="navigation">
     <ol>
        <li>
          <a href="about.html" class="btn">About</a>
        </li>
....
        <li>
          <a href="shop.html" class="btn" role="button">Shop</a>
        </li>
    </ol>
  </nav>
</header>

Answer 2

您指的是带有nav的HTML标记，我假设您有一个带有类名的div元素，在这种情况下，您应使用点.nav

.btn字体颜色不变

2 个答案: