有人能确认我做的这个特定于浏览器的CSS是正确的吗

我的css类中有：

.middleContent { overflow: hidden; display:inline-block; }

这个在FF或Chrome中起作用，但是在FF或Chrome中不起作用，所以我写了这个，只是想在这里做一个合理性检查，因为我不确定如何写，可能需要指导

要使其保持工作状态，即我离开了上述行：

.middleContent { overflow: hidden; display:inline-block; }

因此，对于Firefox和Chrome，我需要添加以下行：

对于Firefox:

@-moz-document url-prefix() { 
  .middleContent { overflow: hidden; }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .middleContent { overflow: hidden; }
 }

对于铬：

@-moz-document url-prefix() { 
  .middleContent { overflow: hidden; }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .middleContent { overflow: hidden; }
 }

谢谢您在这方面的帮助或建议。

是的，您是对的。 针对Chrome：

@media screen and (-webkit-min-device-pixel-ratio:0) { 
 div{top:0;} 
}

要针对任何firefox：

@-moz-document url-prefix() { 
      .selector {
         color:lime;
      }
    }

是的，你说得对。 针对Chrome：

@media screen and (-webkit-min-device-pixel-ratio:0) { 
 div{top:0;} 
}

要针对任何firefox：

@-moz-document url-prefix() { 
      .selector {
         color:lime;
      }
    }

---

谢谢Andrewap，但它对我不起作用。我不是上传而是在本地工作，这可能是问题所在，还是我做错了什么？我收到Dreamweaver的投诉：@-moz文档是一个未知的规则，对于chrome行，有一个意外的标记“}”。是否有人建议我的css为什么不能按照上面的指示为chrome和Firefox工作。这是我正在使用的代码

@-moz document url-prefix（）{.middleContent{overflow:hidden；}}}@media屏幕和（-webkit-min-device-pixel ratio:0）{.middleContent{overflow:hidden；}

谢谢你的帮助。@palsquillace你能摆弄一下你的东西吗？我创建了一个小提琴，并在浏览器中测试了它，应用了正确的样式：谢谢Andre3wap，但它对我不起作用。我不是上传而是在本地工作，这可能是问题所在，还是我做错了什么？我收到Dreamweaver的投诉：@-moz文档是一个未知的规则，对于chrome行，有一个意外的标记“}”。是否有人建议我的css为什么不能按照上面的指示为chrome和Firefox工作。这是我正在使用的代码

@-moz document url-prefix（）{.middleContent{overflow:hidden；}}}@media屏幕和（-webkit-min-device-pixel ratio:0）{.middleContent{overflow:hidden；}

谢谢你的帮助。@palsquillace你能摆弄一下你的东西吗？我制作了一把小提琴，并在浏览器上测试了它，应用了正确的风格：你说的是哪个版本的IE？你说的是哪个版本的IE？