Html 如何通过获取父元素和下一个元素

我想获取specify元素的父元素（类为mw headline的span），然后获取该父元素的第一个下一个元素

<h2>
    <span class="mw-headline" id="Botany">Botany
    </span>
    <span class="mw-editsection">
        <span class="mw-editsection-bracket">
        </span><a href="/w/index.php?title=Apple_(disambiguation)&amp;action=edit&amp;section=1&amp;editintro=Template:Disambig_editintro" title="Edit section: Botany">edit</a><span class="mw-editsection-bracket">

    </span>
</span>
</h2>
<ul>
    <li><i><a href="/wiki/Malus" title="Malus">Malus</a></i>, the genus of all apples and crabapples</li>
    <li><a href="/wiki/Cashew_apple" class="mw-redirect" title="Cashew apple">Cashew apple</a>, the fruit that grows with the cashew nut</li>
    <li><a href="/wiki/Custard_apple" title="Custard apple">Custard apple</a>, several fruits</li>
    <li><a href="/wiki/Love_apple" title="Love apple">Love apple</a>:
        <ul>
            <li><a href="/wiki/Tomato" title="Tomato">Tomato</a></li>
            <li><i><a href="/wiki/Syzygium_samarangense" title="Syzygium samarangense">Syzygium samarangense</a></i>, a plant species in the Myrtaceae family</li>
        </ul>
    </li>
    <li><a href="/wiki/Mammee_apple_(disambiguation)" class="mw-redirect" title="Mammee apple (disambiguation)">Mammee apple (disambiguation)</a></li>
    <li><a href="/wiki/May_apple" class="mw-redirect" title="May apple">May apple</a> (<i>Podophyllum peltatum</i>)</li>
    <li><a href="/wiki/Oak_apple" title="Oak apple">Oak apple</a>, a type of gall that grows on oak trees</li>
    <li><a href="/wiki/Rose_apple_(disambiguation)" class="mw-redirect" title="Rose apple (disambiguation)">Rose apple (disambiguation)</a>, several fruits</li>
    <li><a href="/wiki/Thorn_apple_(disambiguation)" class="mw-redirect mw-disambig" title="Thorn apple (disambiguation)">Thorn apple (disambiguation)</a>:
        <ul>
            <li><i><a href="/wiki/Crataegus" title="Crataegus">Crataegus</a></i> species</li>
            <li><i><a href="/wiki/Datura" title="Datura">Datura</a></i> species</li>
        </ul>
    </li>
    <li><a href="/wiki/Wax_apple" class="mw-redirect" title="Wax apple">Wax apple</a> (<i>Syzygium samarangense</i>)</li>
    <li><a href="/wiki/Hedge_apple" class="mw-redirect" title="Hedge apple">Hedge apple</a> (<i>Maclura pomifera</i>)</li>
</ul>

但在我的例子中，我不知道如何使用get parent（…在xpath中）和next元素（在xpath中的：：node后面）在选择器中选择它。 请给我一个CSS选择器的解决方案

谢谢并致以最良好的问候

---

Phuong Hoang

如果您在XPath中犯了一个错误，XPath应该是：

---

$x（'//h2[//span[@class=“mw headline”]]/following:：ul[1]'）

在XPath中，可以使用。在CSS中，有。@obsidiange:那么我们还有其他的技巧或解决方案吗？据我所知，css比xpath更方便，在css中没有父选择器。您不能在CSS中选择父级。在某些地方，最好使用XPath，CSS将不起作用。因此，在您的情况下，XPATH是您所需要的，我的代码有什么问题？它运行得很好。你可以从这里看到

$x('//span[@class="mw-headline"]/following::ul[1]')