使用 css 选择器查找与具有特定后代的 div 相邻的元素答案

【问题标题】：Finding an element adjacent to a div that has a specific descendant with css selectors使用 css 选择器查找与具有特定后代的 div 相邻的元素
【发布时间】：2011-10-27 08:37:09
【问题描述】：

我正在尝试转换以下 xpath 以找到相同的元素，但改用 css 选择器：

//div/select[@class='specific_class']/../../button[@type='submit']

HTML 大致如下所示，我想要按钮元素。

<div>
  <select class="specific_class">
    <options>
  </select>
</div>
<button type="submit">

这可以使用 CSS 选择器吗？

【问题讨论】：

标签： xpath css-selectors

【解决方案1】：

不，CSS 选择器不能在降低元素层次结构后对其进行提升。换句话说，没有任何语法可以像 XPath 的 .. 节点那样工作，也没有任何语法可以检查父元素是否具有某个子元素。

【讨论】：

我害怕那个。感谢您的帮助！