【问题标题】:CSS selector for first descendant of type inside ancestor祖先内类型的第一个后代的 CSS 选择器
【发布时间】:2019-04-26 12:37:00
【问题描述】:

我想选择<a>中的第一个<d>,不知道<...>中有多少个非d元素。

是否可以使用 CSS 选择器选择第一个 <d>?

<a>
  <...> 
    <d></d>
  </...>
  <b>
    <d></d>
  </b>
</a>

编辑:我认为这是不可能的,并希望得到确认。

【问题讨论】:

  • 在您的示例标记中, 元素内没有任何 元素。
  • 固定标题

标签: css css-selectors


【解决方案1】:

如果无法提前知道第一个后代的位置,则无法匹配祖先中某种类型的第一个后代。 jQuery 为此提供了:eq() 选择器,there is no standard equivalent.

例如,如果您知道第一个 d 始终是某个其他元素的第一个子元素,而该元素是 a 的第一个(或第二个或第 n 个)子元素,您可以选择它,但如果它并不总是出现在那里,您必须考虑所有其他可能的位置,这取决于标记的生成方式,您可能会也可能不会。

【讨论】:

    猜你喜欢
    • 2011-02-21
    • 2019-06-17
    • 2014-12-14
    • 2022-01-23
    • 2010-11-18
    • 2015-02-06
    • 2012-12-31
    • 2021-10-30
    相关资源
    最近更新 更多