Nie łapie :hover, dlaczego?

  • Rozwiązano F2X222

    (@f2x222)


    10 years, 3 months temu

    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)
  • ziemekpr0

    (@ziemekpr0)

    10 years, 3 months temu

    U mnie działa. Zapewne coś nie tak z resztą CSS, albo nie ta nazwa klasy

    Paulo

    (@pauloen)

    10 years, 3 months temu

    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?

    ziemekpr0

    (@ziemekpr0)

    10 years, 3 months temu

    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.