当前位置: 首页 > 面试题库 >

CSS选择器中是否允许使用括号?

鲜于仰岳
2023-03-14
问题内容

在下面的示例中,我想创建一个仅适用于带有文本“ Blockhead”的标头的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本身就可以正常工作。

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

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

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



 类似资料:
  • 问题内容: 如何选择锚元素的直接父元素? 例如,我的CSS将是这样的: 显然,可以使用JavaScript进行此操作,但是我希望CSS Level 2本身具有某种解决方法。 我正在尝试设置样式的菜单已由CMS弹出,因此我无法将活动元素移动到元素…(除非我将菜单创建模块作为主题,但我不希望这样做)。 有任何想法吗? 问题答案: 当前无法在CSS中选择元素的父级。 如果有办法,可以在当前的CSS选择器

  • 问题内容: 只有子元素存在时,我才能使用css选择器吗? 考虑: 我只想在div没有至少一个子元素的情况下应用div 。 我可以使用的任何选择器吗? 问题答案: 甚至文本节点也将导致父节点不被认为是空的,因此DIV中的UL将阻止DIV被匹配。 如果您执行脚本路线: 当然,jQuery使这样的任务变得更容易,但是这一任务不足以包含整个库。

  • 问题内容: CSS中是否有类似!=(不相等)的内容?例如,我有以下代码: 但是对于某些输入,我需要使此无效。我想通过在输入标签中添加“重置”类来做到这一点,例如 然后只需从CSS跳过此标签即可。 我该怎么做? 我能看到的唯一方法是在输入标签中添加一些类,然后按如下所示重写CSS: 问题答案: 在CSS3中,您可以使用过滤器, 但是并不是所有的浏览器都完全支持CSS3,因此请确保您知道自己正在做什么

  • 问题内容: 是否有某种“非” CSS选择器? 例如,当我在CSS中编写以下行时,带有类 classname 的标记内的所有输入字段将具有红色背景。 如何选择 类 名为class的标签之外的所有输入字段? 问题答案: 使用当前的浏览器CSS支持,您将无法。 _较新的浏览器现在支持它- (有关CSS中的替代方法,请参见其他答案。) 如果可以在JavaScript / jQuery中执行此操作,则可以执

  • 我正在尝试使用JSoup从网站上刮取一些内容。以下是我感兴趣的页面中的一些HTML内容示例: 我有兴趣获得页面中所有的列表(所以"Fizz","Buzz","Foo"和"Bar")。但是我不能只查询,因为他们到处都在使用类来装饰许多不同的元素。具体来说,我需要存在于元素中的所有。请注意,pbks可以包含0个pgs,pgs可以包含0个热词,热词可以包含1个其他热词。我有以下代码: 运行该代码将生成以

  • 本文向大家介绍Jsoup 使用CSS选择器选择元素,包括了Jsoup 使用CSS选择器选择元素的使用技巧和注意事项,需要的朋友参考一下 示例 您可以在此处找到支持的选择器的详细概述。