css - 字体家族：继承；特定于 Mozilla firefox

Question

如果我的CSS是：

font-family: inherit;

是否有任何 Mozilla firefox 特定属性为：

-moz-border-radius-bottomright: 20px;

哪个只能用于 Mozilla 浏览器？

score 0 · Accepted Answer

没有 Firefox 特定的编写方式font-family: inherit;。Mozilla 支持像任何其他浏览器一样继承，如果这就是你的意思吗？

供应商前缀属性（如用于某些 CSS3 属性的属性）仅用于仍处于“实验性”或不断发展的属性。该inherit关键字已经存在了很长时间，因此 Firefox 与任何其他浏览器一样，按照 CSS 规范规定的方式实现它，没有供应商前缀。

如果您只想针对具有某些特定 CSS 的 Firefox，此 SO 答案指出您可以使用@-moz-document规则包装 Mozilla 特定属性。由于只有 Mozilla 将其识别为有效的 CSS，所有其他浏览器都会忽略它。也许有点“hacky”，但这听起来像是你最好的选择。

编辑：

要仅针对具有特定 CSS 的 IE，一种方法是将其放在特定于 IE 的样式表文件中，然后对 IE 使用条件注释。除 IE 之外的所有浏览器都会将此视为 HTML 注释，因此忽略它，但 IE 将在该文件中应用样式。

<!--[if IE]>
<link rel="stylesheet" href="ie.css" type="text/css" />
<![endif]-->

score 0 · Accepted Answer

我知道您可以仅针对 Firefox 执行此操作，唯一的问题是它不在 CSS 中，我不确定是否有办法在 CSS 中为 font-family 执行此操作。

<html>
...
<head>
    <style type="text/css">
    @-moz-document url-prefix() {
        font-family: inherit;
    }
    </style>
</head>
...
</html>

2 回答 2