Sur enfant hover modifier le css de Parent

Je veux changer le css de parent sur le vol stationnaire de l'élément Enfant.

<ul id="main-menu">
        <li>
            <a href="#">
                <i class="fa fa-building-o" aria-hidden="true"></i>
                Private Limited
                <i class="fa fa-caret-down"></i>
            </a>
            <ul class="submenu">
                <li><a href="#0">Company</a></li>
                <li><a href="#0">Contact</a></li>
                <li><a href="#0">Industry</a></li>
            </ul>
        </li></ul>

Est ce que je veux si je hover sur li de sous-menu, li de menu principal obtenir en surbrillance.

pas possible avec les css
Implémenter jQuery. 🙂
Double Possible de Est-il un CSS sélecteur parent?
je veux l'essayer avec css
Pouvez-vous suggérer quelque chose.

OriginalL'auteur WebStarter | 2016-06-22

  1. 6

    Que les autres postes de dire qu'il n'est pas parent du sélecteur.

    C'est la façon dont il devrait fonctionner:

    li:has(> i:hover) { /* styles to apply to the li tag */ }

    Ce qu'il fait est de vérifier si li a un i avec :hover état. Si c'est le cas, il applique la feuille de style css. Malheureusement, ce n'est pas encore pris en charge..

    caniuse

    OriginalL'auteur djl

  2. 3

    Il n'existe actuellement aucun moyen de sélectionner le parent d'un élément en CSS.

    OriginalL'auteur Demeter Dimitri

  3. 0

    Ici, vous pouvez aller..

    For Apply CSS..

$("#main-menu li").mouseover(function()
{ 
      $("#main-menu a:eq(0)").css({'color':'blue','font-weight':'bold'});
});

For Remove CSS..

$("#main-menu li").mouseout(function()
{ 
     $("#main-menu a:eq(0)").removeAttr("style");
});

    [lien]
    (https://jsfiddle.net/aj23whnb/)

    Je pense que u n'a pas eu à ma question, ma question est que je dois mettre en surbrillance menu parent sur le vol stationnaire de menu enfant
    J'ai bien compris votre question. le code que j'ai mis est ici en train de faire exactement ce que vous voulez. Merci d'essayer
    je le veux à l'aide de CSS
    ok, mais vous pouvez effectuer à l'aide de jquery aussi
    Si il voulait le faire avec JQuery, il va ajouter le JQuery tag en outre, vous pouvez toujours répondre en partie ce qui suggère comment le faire avec JQuery

    OriginalL'auteur shivani