Question

我不希望我的子页面继承父主题的链接颜色（红色），而是我想要在我的子页面上使用白色链接，我应该在html / css中更改哪些内容才能实现？< / p>

父页面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

您需要添加第二个CSS规则，该规则更适用于您的a代码。

例如：

#links a {
    color: white;
}

或

#list a {
    color: white;
}

我会将这些规则添加到您在样本中发布的两个规则之下。

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

<强> PS

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

Answer 2

这个怎么样？然后只需将white-links课程添加到任何a家长，它们就会变为白色。

<强> HTML

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

<强> CSS

.white-links a {
    color: #fff;
}

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

2 个答案: