css -::-moz-选择可能的错误

Question

我目前正在更改所选文本的默认背景颜色。这很好用:

::selection {
background:#B6D0FA;
}

::-moz-selection {
background:#B6D0FA;
}

我想我可以通过像这样合并它们来节省一些行:

::selection, ::-moz-selection {
background:#B6D0FA;
}

但它在 FireFox 中不起作用。

怎么了？

Answer 1

Firefox 无法解析 ::selection，这就是它首先需要 ::-moz-selection 的原因。在遇到 ::selection 时，整个 block 将被忽略。

根据 the spec :

When a user agent cannot parse the selector (i.e., it is not valid CSS 2.1), it must ignore the selector and the following declaration block (if any) as well.

为了在 Firefox 中正确呈现，您必须在它们上保持单独的行。

请记住 ::selection 是 removed from the CSS3 draft entirely .