html - 我不希望我的子页面继承父主题的链接颜色(红色)，我该怎么做？

Question

我不希望我的子页面继承父主题的链接颜色(红色)，而是我希望我的子页面上有白色链接，我应该在 html/css 中更改什么才能实现这一点？

父页面CSS

  a{
 text-decoration:none;
 color:red;
   }

 a:hover{
  color:white;
   -moz-transition: all .2s;
   -webkit-transition: all .2s;
  -o-transition: all .2s;
    transition: all .2;
   }

子页面链接

<div id="links">
<ul id="list">
<li><a href="url">bla </a></li>
</ul>
</div>

Answer 1

您需要为您的 a 标签添加第二条 CSS 规则。

例如:

#links a {
    color: white;
}

或

#list a {
    color: white;
}

我会将这些规则添加到您在示例中发布的两条规则下方。

但是，您也可以使用 class 而不是 id 来使 CSS 规则更普遍适用。

附言

如果您将此应用到您的 Tumblr 页面，可能会有其他样式冲突，因此您可能必须使 CSS 规则更加具体。我需要指向你的 Tumblr 页面的链接才能确定。