css - 为 mozilla 浏览器编写特定的 css 代码

Question

我写的CSS代码如下

  div.itemFacebookButton {float:right;margin:-9px 0 0 0;}

但在 Mozilla 中，Facebook 点赞按钮位于其他社交按钮下方。当我设置边距 -14px 时，所有按钮在 Mozilla 中排成一行，但它会扰乱 Chrome 中的对齐方式。

然后我决定为 Mozilla 编写特定的代码。以下是我尝试过的方法，但没有用。我的代码有什么问题。

 -moz-div.itemFacebookButton { float:right; margin:-14px 0 0 0; !important; }

Answer 1

div.itemFacebookButton { float:right; margin:-9px 0 0 0; } 

@-moz-document url-prefix() {  
   div.itemFacebookButton { float:right; margin:-14px 0 0 0; }
}