2

我编写的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; }
4

2 回答 2

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

@-moz-document url-prefix() {  
   div.itemFacebookButton { float:right; margin:-14px 0 0 0; }
}
于 2013-07-27T11:47:25.597 回答
0

没有-moz-div选择器，但有其他 Gecko 特定的 CSS（伪）选择器。您可以将它们与普通选择器结合起来创建特定于 Mozilla 的规则，因为如果浏览器包含至少一个不受它们支持的选择器（这是 CSS 错误处理和部分实现的标准行为），则浏览器会忽略整个规则。例如，您可以编写您的选择器，如

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

但可能更好的解决方案是检查导致浏览器不一致的按钮样式并重写/简化它，这样就没有必要使用特定于浏览器的 hack。

于 2013-07-27T11:48:19.517 回答