尝试将代码添加到我的CSS中，但不起作用

Question

因此，我在页面（gesher-jds.org/giving）上做了一个小改动：

<a href="#myAnchor" rel="" id="anchor1">Donate Now, Pay Later</a>

到

<a href="#myAnchor" rel="" id="payLater">Donate Now, Pay Later</a>

，现在正确的计算器的设计已更改（更像我看到的按钮）。我如何解决它？两者看起来都一样（除了文本）。我试图将以下代码添加到CSS中，但仍然无法正常工作。我在做什么错了？

CSS

a#payLater {
    background: #60426c;
    width: 100%;
    display: inline-block;
    margin-top: 20px;
    padding: 10px;
    text-align: center;
    color: #fff !important;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    text-decoration: none !important;
    } 

Answer 1

如果您在开发工具中应用样式，则其效果将达到预期。它在您的工作环境中不起作用的原因可能是您的样式被不同的样式覆盖。检查开发工具以查看应用了哪些样式

可能的解决方法： 1）整理“！重要”规则。 2）建立更强大的选择器->关键字以寻找知识[CSS特殊性] 如果您在一条CSS规则中设置！important，那么将很难覆盖它，因为！important = 1000专用点，因此该规则确实很强大