小编fnk*_*nky的帖子

我一整天都在挖掘,以便在悬停在子li元素上时找出如何设置父li的样式.

例如

<ul>
<li> Parent Element </li>
    <ul>
    <li> Child Element </li>
    </ul>
<ul>

我找到了无数的帖子,询问如何在CSS中找到它是不可能的.人们说"你可以用Javascript做到",但从未说过如何做!

我有点像Javascript newb所以一些帮助将非常感激.

谢谢.

编辑:这是输出的源代码.我不确定它是否会影响Javascript/jQuery所需的选择器,因为你可以看到它在类名中增加了额外的信息,即已经在类名之上的"page-item-9"("page_item" ").这是由Wordpress添加的,但我只需要使用"page_item"在CSS中引用它.

    <ul class="pagenav">

    <li class="page_item page-item-12 current_page_item"><a href="#" title="Home">Home</a></li>
    <li class="page_item page-item-2"><a href="#" title="About">About</a></li>
    <li class="page_item page-item-4"><a href="#" title="Corporate">Corporate</a></li>
    <li class="page_item page-item-5"><a href="#" title="Fashion, Hair &amp; Beauty">Fashion, Hair &#038; Beauty</a></li>

    <li class="page_item page-item-6"><a href="#" title="Live Music">Live Music</a>

        <ul class='children'>
        <li class="page_item page-item-11"><a href="#" title="Music 1">Music 1</a></li>
        </ul>

    </li>

    <li class="page_item page-item-7"><a href="#" title="Weddings">Weddings</a>

        <ul class='children'>
        <li class="page_item page-item-10"><a href="#" title="Wedding …