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