CSS 选择器中可以使用括号来表示兄弟关系吗？

CSS 选择器中的括号

括号可以合并到 CSS 选择器中吗？具体来说，在以文本“Blockhead”为目标标题的情况下，选择器可以写为 (.gumby > .pokey) h3 吗？

括号的限制使用

括号是CSS 选择器中的运算符无效。它们保留用于函数符号，例如 :lang()、:not() 和 :nth-child()。

兄弟关系中括号的替代品

在提供的示例中，括号是不必要的。选择器 .gumby > .pokey h3 足以选择所需的标头。

CSS 选择器是线性读取的。组合符，如“>”和此选择器中使用的“”没有优先级。选择器可以解释为：

• 选择一个 h3 元素
• 紧跟在类“pokey”的元素之后
• 这是一个元素的子元素具有类“gumby”

由于 .pokey 元素和 h3 元素都是所提供的 HTML 结构中 .gumby 元素的子元素，因此此选择器将正确定位带有文本“Blockhead”的标头.”

以上是CSS 选择器中可以使用括号来表示兄弟关系吗？的详细内容。更多信息请关注PHP中文网其他相关文章！