CSS validation not validating

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]

Usually they give you a reason. It could possibly be the -moz prefix. — Kyle
– Kyle, Commented Feb 8, 2011 at 8:46

Ben Everard · Accepted Answer · 2011-02-08 08:56:43Z

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:

enter image description here

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?

edited Feb 8, 2011 at 8:56

answered Feb 8, 2011 at 8:49

Ben Everard

13.8k14 gold badges69 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Basit Over a year ago

how can i silent it, so i know what parts to look for in the css and not check every time. with big css files it gets problematic.

Lea Verou Over a year ago

Also, ::selection has been removed from Selectors level 3: w3.org/TR/css3-selectors/#selection

karlcow Over a year ago

In a future version of the validator it is likely that there will be a mode to ignore the -vendor- prefixes.

robertc Over a year ago

@karlcow There's a mode to have the vendor prefixes register as warning rather than errors, you can see the drop down in the screenshot above

karlcow Over a year ago

ah yep already fixed. :) I must have been sleeping during the commits.

vvsraju · Accepted Answer · 2011-02-08 08:48:21Z

0

::-moz-selection

Mozilla/Webkit specific CSS elements do not validate even under CSS level 3.

answered Feb 8, 2011 at 8:48

vvsraju

1262 bronze badges

Comments

Nemanja · Accepted Answer · 2013-03-12 15:36:19Z

0

Today you have a problem even with ::selection because it was dropped from CSS3.

answered Mar 12, 2013 at 15:36

Nemanja

6042 gold badges8 silver badges17 bronze badges

Collectives™ on Stack Overflow

CSS validation not validating

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related