所以我想在页脚文本小部件中添加几个按钮。这应该是一项非常简单的任务，只需在链接中创建一个类，然后使用CSS对其进行样式化，如下所示：
<a href="/newsletter" class="news-button">Newsletter</a>
a.news-button {
width: 150px;
height: 40px;
border: 2px solid #000;
border-radius: 3px;
display: block;
text-decoration: none;
text-align: center;
padding: 10px 0 0 0;
font-size: 24px;
color: #000;
}
通常，这会很好地工作，就像在这个JS小提琴中：
https://jsfiddle.net/b9mc74p1/但是在我的WordPress小部件中，.et_pb_widget a 正在覆盖所有其他内容。如果我尝试将CSS应用于.et_pb_widget a, 它将把它添加到我所有的小部件链接中，这是我不想要的。
我甚至尝试添加!important （我知道，这是一种糟糕的做法）但它仍然不起作用。对于这么简单的东西，我宁愿避免使用插件。有什么想法吗？
链接：http://mygirlfriends.kitemedia.com/ （页脚，右下角小部件）
