CSS验证未验证

Question

/* ** ** custom select color ** ** */
::selection {
 background: #525252; /* Safari */
}
::-moz-selection {
 background: #525252; /* Firefox */
 color:#fff;
}

The above code is not passing the W3C validator, but I can't understand the reason for it.

The following error is returned:

The pseudo-element ::selection can't appear here in the context css21 [selection]

The pseudo-element ::-moz-selection can't appear here in the context css21 [-moz-selection]

Answer 1

1        The pseudo-element ::selection can't appear here in the context css21 [selection]
4        The pseudo-element ::-moz-selection can't appear here in the context css21 [-moz-selection]

That's nothing to worry about, the first one is complaining because it's being tested against CSS2.1, and the second, as Kyle suggested, is because of the -moz prefix

To silence the first "error", do the following:

Click on the more options link and change the profile to CSS 3.

This can not silence the second error, and should probably learn to ignore this kind of errors. I know it sounds a big of a pain, unless anyone can offer an alternative suggestion?

Answer 2

今天，即使::: selection也有问题，因为它是从CSS3中删除的。

Answer 3

::-moz-selection

Mozilla / Webkit特定的CSS元素即使在CSS级别3下也无法验证。