Parênteses em seletores CSS

Os parênteses podem ser incorporados em seletores CSS? Especificamente, no caso de direcionar um cabeçalho com o texto "Blockhead", o seletor pode ser escrito como (.gumby > .pokey) h3?

Uso restrito de parênteses

Parênteses não são operadores válidos em seletores CSS. Eles são reservados para notações funcionais, como :lang(), :not() e :nth-child().

Alternativa para parênteses em relacionamentos entre irmãos

No exemplo fornecido, parênteses são desnecessários. O seletor .gumby > .pokey h3 é suficiente para selecionar o cabeçalho desejado.

Os seletores CSS são lidos linearmente. Combinadores, como ">" e " " usados ​​neste seletor, não têm precedência. O seletor pode ser interpretado como:

• Selecione um elemento h3
• Que segue imediatamente um elemento com a classe "pokey"
• Que é filho de um elemento com a classe "gumby"

Como tanto o elemento .pokey quanto o elemento h3 são filhos do elemento .gumby na estrutura HTML fornecida, este seletor direcionará corretamente o cabeçalho com o texto "Blockhead."