Are parentheses allowed in CSS selectors?

by

No, parentheses are not valid operators in CSS selectors. They are reserved for functional notations, such as :lang(), :not(), and :nth-child().

You don’t need them anyway; .gumby > .pokey + h3 by itself will work just fine.

This is because a sequence of selectors and combinators is always read linearly. Combinators don’t have any sort of precedence. The selector can be interpreted as

Select an h3 element
that immediately follows an element with class pokey
that is a child of an element with class gumby.

And because of how node trees work, the use of sibling and child combinators here implies that both .pokey and the h3 are children of .gumby, which in your case they are, because of its statement that both of them are siblings.

More Related Contents:

  1. Can I combine :nth-child() or :nth-of-type() with an arbitrary selector?
  2. How do I select the “last child” with a specific class name in CSS? [duplicate]
  3. How can I write a ‘:hover’ condition for ‘a:before’ and ‘a:after’?
  4. How to combine class and ID in CSS selector?
  5. :first-child not working as expected
  6. What is the difference between :first-child and :first-of-type?
  7. Does CSS have a :blur selector (pseudo-class)?
  8. Why does .foo a:link, .foo a:visited {} selector override a:hover, a:active {} selector in CSS?
  9. Can I target a :before or :after pseudo-element with a sibling combinator?
  10. Specify multiple attribute selectors in CSS
  11. Should I use single or double colon notation for pseudo-elements?
  12. How to make Internet Explorer 8 to support nth child() CSS element?
  13. CSS selector – element with a given child [duplicate]
  14. In CSS what is the difference between “.” and “#” when declaring a set of styles? [duplicate]
  15. Why use an attribute selector to match classes?
  16. Is it possible to use a CSS wildcard in the middle of an attribute selector?
  17. CSS selector to get deepest element of specific class in the HTML tree
  18. CSS Specificity and Inheritance
  19. Vertically centering content of :before/:after pseudo-elements
  20. Difference between the selectors div + p (plus) and div ~ p (tilde)
  21. Are CSS selectors case-sensitive?
  22. Combining :not() selectors in CSS
  23. Select an element with empty class attribute (class=””) using CSS?
  24. How do I target elements with an attribute that has any value in CSS?
  25. CSS combinator precedence?
  26. What is caret symbol ^ used for in css when selecting elements?
  27. What is the difference between p:nth-child(2) and p:nth-of-type(2)?
  28. CSS specificity or inheritance?
  29. CSS class repetition to increase specificity
  30. select second child

Leave a Comment