Or and > with CSS selectors

Question

Is it possible to use a comma in the CSS selector if you are also using > selector?

I want to do something like this, but this syntax didn't work:

#id ul > li.class1, li.class2 > a {
    color: red !important;
}

Is this possible?

Thanks!!

Answer 1

The , operator only works between complete selectors, not between parts of a selector. You have to repeat all of the selector:

#id ul > li.class1 > a, #id ul > li.class2 > a {
  color: red !important;
}

Answer 2

You can use them.

, is used to seperate different CSS selections. Whereas > is a Child selector and all that kind of things.

Use of comma would seperate each selection and you won't get to the heirarchy if you meant to select a inside each of the element.