Stylizowanie listy rozwijanej.

Question

Witam, mam taki problem. W moim projekcie występują dwie listy. Jedna jest w nawigacji, druga to jest rozwijane menu zamknięte w divie, oto fragment kodu. Dlaczego nie rozwija się po najechaniu? Zastosowałem dwie klasy .list2 oraz .list3, pierwsza to województwa, pod każdym województwem jest lista miast. Wszystko jest wystylizowane, czcionki kolory itd. Pojawia się problem po włączeniu display:none; nie mogę złapać listy3, tak aby po najechaniu się rozwijało podmanu. Oto fragment kodu:

<div class="sqrol">
<ol class="list2">
                                 <li>dolnośląskie</li>
                                                                   </ol>
                                                                                <ul class="list3">  
                                                                                                                                                                                         <li>Bardo, powiat  ząbkowicki</li>     

                                                                                 </ul>

.list2

{
background-color:#000000;
color:#006D78;
margin-top:0;
margin-bottom:0;
list-style-type: none;
text-transform: uppercase;
border: 2px solid black;
padding-left:5px;
position:relative;
font-size:22px;
}
.list2:hover
{
color:#000000;
background-color:#006D78;
margin-bottom:0;
list-style-type: none;
text-transform: uppercase;
border: 2px solid black;
padding-left:5px;
}
.list2 > li
{
    
}
.list2 > li:hover
{
    display:block;
}

.list2 > ol > li
{
    
}
.list2 > li > ul:hover >li
{
display:block;
}

.list3
{
    background-color:#751b1b;
    color:#000000;
    margin-top:0;
    margin-bottom:0;
    padding-left:0;
    display:none;
    
}

Answer 1

Witam. Musisz zagniździć liste ul w li listy ol.

Comments

Właśnie na to wpadłem ok 23 wczoraj :) Oglądałem filmik Pana Mirka i znalazłem różnice w filmiku Pana Mirosława i moją listą. Pozdrawiam

Answer 2

Klasy zostały nadane, aby navigacja w górnym pasku nie łapała relacji z lista miejscowości zamkniętą w Divie sqrol, ale nie działa żadne .list2>li:hover>ul>li,.list2>li:hover>.list3>li. Ma ktoś jakiś pomysł, siedzę nad tym 3 dni i myślę. Użył bym relacji z filmów Pana Mirosława, ale tak jak napisałem nie mogę bo łapie relacje i odnosi się do list zawartych w sekcji nav