为Wordpress页面上的PayPal按钮定制HTML、CSS格式。

Question

对于我的结账页面，我试图将paypal的 "快速结账 "按钮向左对齐.用Firebug我发现CSS部分还没有设置为居中。如果我输入 "left"，它确实会向左移动。所以我把规则复制到Wordpress中的自定义css字段中

#zoid-paypal-button-1a79a61bc2.paypal-button-size-responsive {
text-align: left;}

不过第一个位子并不是静态的，这可能就是为什么刷新页面后又居中了。我怎样才能使它永久化？

Answer 1

使用相关元素的一个类，而不是动态生成的按钮ID，如。

.paypal-button-size-responsive {
  text-align: left;
}

问题是有一个内联选择器 在折叠的时候有更大的特异性。<style> 元素。#zoid-paypal-button-1a79a61bc2.paypal-button-size-responsive 将始终覆盖 .paypal-button-size-responsive. 你需要看看生成结账页面的插件，看看那些样式在哪里内嵌，然后在那里删除它。

或者，这并不是很推荐，你可以 可以 使用 !important 规则，如果你难以追踪到更具体的ID选择器，就用它来代替，例如：. text-align: left !important;. 然而，这是一个不好的习惯，因为从长远来看，它使你的CSS维护更加困难。

如果你能评论或编辑你的问题，包括你正在使用的插件生成有关的代码，我会看看是否能给你更多的细节，你可以在哪里找到的 <style> 有关元素。