程序问答   发布时间:2022-06-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了CSS选择器中是否允许使用括号?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决CSS选择器中是否允许使用括号??

开发过程中遇到CSS选择器中是否允许使用括号?的问题如何解决?下面主要结合日常开发的经验,给出你关于CSS选择器中是否允许使用括号?的解决方法建议,希望对你解决CSS选择器中是否允许使用括号?有所启发或帮助;

不,括号不是css选择器中的有效运算符。他们是保留给功能符号,如:lang():not():nth-child()

无论如何,您不需要它们。.gumby > .pokey + h3本身就可以正常工作。

是因为选择器和组合器的序列始终是线性读取的。组合器没有任何优先级。选择器可以解释为

选择 紧跟在class类元素之后的h3元素 ,该元素是class类元素pokey 的子元素gumby

并且由于节点树的工作原理,此处使用同级和子级组合器意味着.pokeyh3都是的子级.gumby(在您的情况下是它们的子级),因为它声明它们都是同级的。

解决方法

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

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

我可以使用括号(.gumby > .pokey) + h3吗?如果没有,我有什么选择?

大佬总结

以上是大佬教程为你收集整理的CSS选择器中是否允许使用括号?全部内容,希望文章能够帮你解决CSS选择器中是否允许使用括号?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。