Are parentheses allowed in CSS selectors?

Question

In the below example, I want to create a CSS rule that applies only to the header with the text \"Blockhead\".

 

     

        
                      

              相关标签:
       
      

Answer 1

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.

Answer 2

h3 is not inside .pokey so you must ommit .pokey from the rule

All u'd be able to do is

.gumby h3 {}

or do this

 <div class="gumby pokey">
     <h3>Blockhead</h3>
     <h3>Clay rules</h3>
 </div>

.gumby.pokey h3 {}

if a tag has more than one class you can pile them up in css if you don't use a space character