在下面的示例中,我想创建一个CSS规则,该规则仅适用于具有文本“块头”的标题.
<div class="gumby">
<span class="pokey"></span>
<h3>Blockhead</h3>
<h3>Clay rules</h3>
</div>
我可以使用括号,如(gumby> pokey)h3)？如果没有,我该怎么办？
解决方法
不,括号在CSS选择器中不是有效的运算符.它们被保留用于功能符号,例如：lang(),：not()和：nth-child().
你也不需要他们; .gumby> .pokey h3本身就能正常工作.
这是因为一系列选择器和组合器总是读为linearly.组合器没有任何优先级.选择器可以解释为
Select an
h3element
that immediately follows an element with classpokey
that is a child of an element with classgumby.
而且由于节点树的工作原理,在这里使用兄弟和子组合器意味着.pokey和h3都是.gumby的子代,因为它们是它们的声明,因为它们都是兄弟.
