CSS 选择器中允许使用括号吗？

在下面的示例中，我想创建一个仅适用于带有文本“Blockhead”的标题的 CSS 规则。

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

我可以使用括号吗，例如(.gumby > .pokey) + h3？如果没有，我的替代方案是什么？

不，括号在 CSS 选择器中不是有效的运算符。它们保留用于函数符号，例如:lang(), :not(), and :nth-child().

无论如何你都不需要它们；.gumby > .pokey + h3本身就可以很好地工作。

这是因为总是读取选择器和组合器的序列linearly。组合器没有任何优先级。选择器可以解释为

选择一个h3 element
紧跟在带有 class 的元素之后pokey
这是具有类的元素的子元素gumby.

由于节点树的工作方式，这里使用兄弟和子组合器意味着两者.pokey和h3是的孩子.gumby，在你的情况下他们是，因为它声明他们都是兄弟姐妹。