Question

我已经为HTML页面的主容器声明了CSS属性。现在，我希望ahref按钮具有另一种颜色，但是没有!important时就不会应用它。因此，我想问你我该怎么做。

谢谢！

另请参阅：Codepen

main a:link, main a:visited { 
  color: black; 
  text-decoration: none; 
}

.test {
    background-color: green;
    padding: 5px 5px;
    text-align: center;
    text-decoration: none;
    font-size: 20px;
    width: 190px;
    display: block;
    color: white; /*is not applied*/
}

/*Another try*/
a.test {
  color: white; /*is not applied, however it is with !important. But this shouldn't be the right solution?*/
}
<main>
  <a href="/link" class="test">Button</a>
</main>

Answer 1

删除:link中的main.a:link或使用您的颜色设置更具体的main a.test样式。我尝试将其删除并正常工作

CSS a-Tag Linkcolor：类的特定更改

1 个答案: