为什么不能在一个CSS规则中结合:: selection和::-moz-selection?

本文介绍了为什么不能在一个CSS规则中结合:: selection和::-moz-selection?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我非常喜欢使用::selection和::-moz-selection来修饰一个网站-我讨厌默认的蓝色和白色！

I'm a big fan of using ::selection and ::-moz-selection to spruce up a website a bit - I hate the default blue and white colours!

但是，我发现有一件小事确实困扰我:我不能将::selection和::-moz-selection放在相同的CSS规则中，如下所示:

However, I find one little thing that really bugs me: I can't put ::selection and ::-moz-selection in the same CSS rule, like this:

::selection, ::-moz-selection {
    background:#8A1920;
    color:#FFFF;
}

jsFiddle链接

我觉得这很烦人，因为这意味着如果我想更改背景颜色(或其他选择样式)，则必须编辑两个单独的规则.这也违反了我几乎虔诚奉行的政策:D.R.Y. (不要重复自己).

I find this quite annoying, because it means that if I want to change my background colour (or some other selection style) I have to edit two separate rules. It also violates a policy I follow almost religiously: D.R.Y. (don't repeat yourself).

我在Chrome 28，Chrome Canary 30，Firefox 22，Firefox 23，IE 9和IE 10中对此进行了测试，它们均产生相同的结果.怎么了?

I tested this in Chrome 28, Chrome Canary 30, Firefox 22, Firefox 23, IE 9 and IE 10 and they all yield the same result. What's going wrong here?

如果必须将它们分开，是否有任何方法可以使它们进一步连接?像这样:

If they must remain separate, is there any way to have them join further on? Something like:

.selected {
    background:#8A1920;
    color:#FFF;
}

::selection {
    @copy-from(.selected); /* I know this line is completely made up */
}

::-moz-selection {
    @copy-from(.selected);
}

真的很有用.

selection

为什么不能在一个CSS规则中结合:: selection和::-moz-selection?

问题描述

推荐答案