Question

我试图在firemail中使用userContent.css中的一些css在gmail的新组合功能中获得固定宽度的等宽字体。像以下这样的东西曾经为我做过这个技巧：

@-moz-document domain(mail.google.com)
{
  .ii, .Ak, .editable, .LW-avf
  {
    font-family: monospace !important;
    font-size: 100% !important;
  }
}

但它不再有效。在firefox中使用inspect元素我看到消息是这样的：

<body id=":di" class="editable LW-avf"

我在这里缺少什么吗？如果撰写窗口在monospace和editable类中，则为什么不是LW-avf？

Answer 1

我猜测iframe不会有任何与之关联的域名。这似乎适用于查看和撰写邮件：

@-moz-document domain(mail.google.com) {
    .gs .ii {
        font-family: monospace !important;
        font-size: 100% !important;
    }
}
@-moz-document domain() {
    .editable.LW-avf {
        font-family: monospace !important;
        font-size: 100% !important;
    }
}

Answer 2

仔细看看gmail html之后，看起来他们正在使用iframe并明确嵌入了html ......我以前从未见过这个。类似的东西：

<html>
  <body>
    <iframe>
      #document
        <!DOCTYPE html>
          <html>
            <body id=":di" class="editable LW-avf">
              ...
            </body>
          </html>
    </iframe>
  </body>
</html>

据推测，@-moz-document domain(mail.google.com)与iframe中网页的网址不匹配（不确定网址甚至是什么）。

如果我与网址不匹配，那么它可以正常工作。当然，现在该样式将应用于具有名为editable的类的任何页面。

当我找时间时，我可能会与mozilla开发人员讨论这个问题。

Answer 3

有趣，但不能检查细节，因为我不久前放弃了GMail（谷歌推动社交网络变得太怪异了......）

http://www.w3.org/TR/CSS2/cascade.html#used-value

在级联订单上，它表示作者模式胜过用户模式。除非用户！重要。你正在使用它。

http://www.w3.org/TR/CSS2/cascade.html#specificity

在这里它说更具体的应用。

例如：

div#d.bclass { color: green; }
.aclass { color: red; }

<div id=d class="aclass bclass">hello world</div>

div整天都是绿色的。但我打赌你已经知道了。

可能发生的是，浏览器选择的某些作者规则比您的更具特异性。这是一个错误...你能看看Inspector并看看计算字体的来源吗？

userContent.css在firefox中获取固定宽度字体

3 个答案: