Wsparcie » Motywy » Nie łapie :hover, dlaczego?

  • Rozwiązano F2X222

    (@f2x222)


    Mam takie pytanie odnośnie braku reakcji :hover. Mam taki oto kod w css:

    .mainmenu{
     text-align: center;
     text-transform: capitalize;
     font-family: 'komoda';
    }
    
    .mainmenu ul{
     list-style: none;
    }
    
    .mainmenu ul li{
     display: inline-block;
    }
    
    .mainmenu ul li a{
     display: block;
     padding: 5px 10px;
     color: #fff;
     font-size: 40px;
     font-weight: 900;
     text-decoration: none;
    }
    
    .mainmenu ul li a:hover {background: #ff0000;}

    I mimo, że hover „łapie” a to brak efektu. Próbowałem przypisać go do li, ul, .mainmenu – nadal brak efektu. Może mi ktoś powiedzieć co zepsułem? Z góry bardzo dziękuje za pomoc.

Viewing 3 replies - 1 through 3 (of 3 total)
  • U mnie działa. Zapewne coś nie tak z resztą CSS, albo nie ta nazwa klasy

    Zazwyczaj wystarczy:

    .mainmenu li a:hover {background: #ff0000;}

    dlatego, że klasa już wyraźnie wskazuje lokalizacje.

    I staraj się nie zagnieżdżać za bardzo tego menu w podbloki i bez dodatkowych klas.

    P.s. A tą klase to do czego masz podpięta?

    Jak to wygląda w kodzie?

    Tak myślałem, że mogłem ten sandbox podesłać, ale akurat zamknąłem kartę 🙂

    http://cssdesk.com/CAgQR

    <div class="mainmenu">
      <ul>
        <li><a href="#">link 1</a></li>
        <li><a href="#">link 2</a></li>
      </ul>
    </div>

    P.S. 6 dni nad tym siedzisz?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Temat ‘Nie łapie :hover, dlaczego?’ jest zamknięty na nowe odpowiedzi.