Question

我正在做一个项目，在HTML / CSS中重新创建谷歌主页，并且大部分时间都很好，除了某些原因我无法在“注册”中获取文本以更改color。

<div id="contents">
    <div id="navbar">
        <ul>
            <li id="signin"><a href="https://accounts...">Sign In</a></li>

我用这些行在CSS中调用它。

#navbar a {
    text-decoration: none;
    width: 200px;
    color: #4c4c4c;
    font-size: 14px;
}

#signin {
    background-color: blue;
    font-weight: 800;
    color: #ffffff !important;
    padding: 7px 12px;
    }

我添加!important认为它会改变，但它没有做任何事情。另外要注意的是，这只是一些代码，导航栏上还有其他项目都是正确的颜色。我得到background-color要更改但不是实际文本color。

Answer 1

正如其他评论者所暗示的那样，您只需要一个单独的CSS规则（#signin a）来嵌套锚标记。

＆＃13;

#navbar a {
    text-decoration: none;
    width: 200px;
    color: #4c4c4c;
    font-size: 14px;
}

#signin {
    background-color: blue;
    font-weight: 800;
    color: #ffffff;
    padding: 7px 12px;
}

#signin a {
    color: #ffffff;
}

＆＃13;

<div id="contents">
  <div id="navbar">
    <ul>
      <li id="signin"><a href="https://accounts...">Sign In</a></li>
    </ul>
  </div>
</div>

＆＃13;

一行文字拒绝改变颜色

1 个答案: