Chain CSS Pseudo Selectors

Question

I got this:

::selection {
    background-color: #80b3ff;
    color: #000000;
}
::-moz-selection {
    background-color: #80b3ff;
    color: #000000;
}
::-o-selection ....

But when I try to define all selectors together it doesn't work.

::selection, ::-moz-selection, ::-o-selection, ::-webkit-selection {
    background-color: #80b3ff;
    color: #000000;
}

What am I doing wrong?

Unfortunately you can't chain these element specific selectors. Same goes for `:fullscreen` or the components of a range input — Demnogonis, Feb 02 '17 at 23:20

score 3 · Accepted Answer · edited May 23 '17 at 12:09

3

This happens because ::selection is a pseudo element. There's a good explanation for this here.

edited May 23 '17 at 12:09

Community

1
1

answered Feb 02 '17 at 23:21

JSideris

4,823
3
30
49

Thanks, couldn't find an answer. seems to be a duplicate :/ edit: linked it. – Basti Feb 02 '17 at 23:25

Chain CSS Pseudo Selectors

1 Answers1