Html wordpress中单个条目的自定义css

我正在为wordpress网站上的facebook活动设计一个登陆页面。这不是我自己的网站，我不想改变的一般css为整个网站时，我风格的登录页。因此，如果有意义的话，我将在文本编辑器中为条目的所有元素设置样式

当人们点击facebook上的链接时，他们会进入我正在制作的页面。基本上，页面应该由两个按钮组成，这两个按钮可以进一步重定向页面上的用户。我设计了两个锚定标签，比如方形按钮，到目前为止还不错，但为了真正获得“可点击”的感觉，我希望在a标签悬停时改变背景

下面是我如何创建按钮的：

<a class="green" style="background-color: #92c03e; display: inline-block;
padding: 100px; margin-right: 20px; color: #ffffff; text-decoration:none;">
Button 1
</a>

<a class="blue" style="background-color: #35a8e0; display: inline-block; 
padding: 100px; color: #ffffff; text-decoration: none;">
Button 2
</a>

---

有人能给我指出正确的方向吗？塔克斯

我认为您应该将这些代码放在任何其他

块/div

中，它将从页面的其余部分识别此页面。我创建了一段代码，这将为您清除所有内容

#着陆页面绿色：悬停{背景色：#799f34！重要；}
#蓝色着陆页面：悬停{背景色：#2c8cba！重要；}

按钮1
按钮2
另一个不受影响的相同DIV
按钮1
按钮2

您需要添加！在HTML中直接覆盖背景颜色对CSS规则很重要

a:hover.green  {background-color: #799f34!important;}
a:hover.blue {background-color: #2c8cba!important;}

---

如果OP想用HTML而不是CSS来做，我找到了一些例子：伙计们，我猜OP想找到编辑伪样式的方法，而不是创建子主题和编辑原始主题文件

a:hover.green

你确定使用这个

选择器吗

a:hover.green  {background-color: #799f34!important;}
a:hover.blue {background-color: #2c8cba!important;}