自定义Css按钮链接颜色

我正在为我的网站创建可点击的CSS按钮，想要一个带有白色文本的绿色按钮。但是我的默认链接颜色是蓝色，它覆盖了所有内容，并使按钮具有绿色背景，但带有下划线的蓝色链接。我需要改变什么

.td-post-content a {
    color: #2200CC;
    text-decoration: underline;

.button {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 24px;
    margin: 4px 2px;
    cursor: pointer;
}

.button a:link {
    color: white;
}

<p style="text-align: center;"><a class="td-post-content button" href="https://www.expatkings.com/join">Join Now</a></p>

---

除了td post内容链接外，其他链接应为蓝色并加下划线，而按钮链接应为绿色并带有白色文本。

我想您可以添加所有使用标记的css伪类：

按钮 .按钮：链接， .按钮：已访问， .按钮：悬停， .按钮：激活{ 颜色：白色； 背景：绿色； 填充物：5px10px； 边界半径：5px； 文字装饰：无； }

---

名称尝试使用！重要的这将覆盖标准链接颜色

.按钮{ 颜色：白色！重要；

---

} ：link适用于具有href属性但尚未访问的元素。 如果要设置链接的所有状态的样式，请使用以下命令：

.button a {
    color: white;
}

---

请添加您的HTML。请显示正确的。在没有应用任何HTML的情况下显示CSS在很大程度上是毫无意义的。也就是说，你很可能有一个典型的特异性问题。如果那个关键词对你来说还没有任何意义，请去读一下。欢迎来到SO。请看一看。如果您没有提供足够的代码来复制您的问题，我们将无法帮助您-请参阅如何创建