html - 有没有办法在 CSS 中为特定浏览器设置任何样式？

Question

例如，如果我想在 Webkit、Firefox 等中设置圆 Angular 半径，我可以使用以下 CSS:

-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

但是这些样式是硬编码的还是只是添加了浏览器的前缀地址？

例如，如果我只想在 Firefox 中更改边距，我可以像这样简单地添加前缀:

-moz-margin:-4px;
margin: 1px;

很高兴知道:
如果可能的话，是否可以解决特定版本或平台的问题？例如，-moz-4.3-margin:-4px; 不是我想要的，只是想知道。

前缀方法是否适用于跨浏览器？我想知道是因为 Internet Explorer。

最后，margin:10px 会淘汰 -moz-margin:10px 吗？如，“我们，Mozilla，终于支持 margin 所以我们将忽略所有旧的 -moz-margin 标签，只使用 margin 中的值 标签”。

Answer 1

为特定浏览器应用css 是非常不好的习惯。但也有解决方案:

只有莫兹:

@-moz-document url-prefix(){
    body {
        color: #000;
    }
    div{
       margin:-4px;
    }
}

chome 和 safari:

@media screen and (-webkit-min-device-pixel-ratio:0) {
    body {
        color: #90f;
    }
}

IE9以下:

<!--[if IE 9]>
    body {
        background:red;
    }
<![endif]-->

我建议除非必要，否则不要使用此 moz 和 safari 前缀。