CSS Selector “(A or B) and C”?

by

is there a better syntax?

No. CSS’ or operator (,) does not permit groupings. It’s essentially the lowest-precedence logical operator in selectors, so you must use .a.c,.b.c.

More Related Contents:

  1. Understanding CSS selector priority / specificity
  2. CSS Pseudo-classes with inline styles
  3. Why do browsers match CSS selectors from right to left?
  4. How can I select the last element with a specific class, not last child inside of parent?
  5. Can I write a CSS selector selecting elements NOT having a certain class or attribute?
  6. Are class names in CSS selectors case sensitive?
  7. Is there a CSS selector for the first direct child only?
  8. Why doesn’t table > tr > td work when using the child selector?
  9. CSS selector by inline style attribute
  10. :last-child not working as expected?
  11. :not(:empty) CSS selector is not working?
  12. How to exclude particular class name in CSS selector?
  13. Why is nth-child selector not working?
  14. CSS selector with period in ID
  15. CSS select elements with partial id
  16. Select first occurring element after another element
  17. CSS selector for empty or whitespace
  18. Is it possible to use CSS vars in CSS3 selectors?
  19. What is the ::content/::slotted pseudo-element and how does it work?
  20. Why does the general-sibling combinator allow toggling pseudo-element’s content, but not the adjacent-sibling?
  21. How can I target a specific column or row in a CSS grid layout?
  22. How do I select an element that has a certain class?
  23. Selecting the last element among various nested containers
  24. Zebra striping a flexbox table with wrapping items
  25. CSS attribute selector does not work a href
  26. How to use nth-child for styling with a table with rowspan?
  27. CSS Selector for No-Children-But-Not-Empty
  28. How to select classes with spaces
  29. CSS nth-match doesn’t work
  30. Targeting text nodes with CSS

Leave a Comment