selektory css html pomoc

Question

Hej poproszę o pomoc, w jaki najprostszy sposób odnieść się do elementów <li> ale drugiego rzędu chciałbym inaczej sformatować odnośniki Rowery męskie, damskie i dziecięce? nie mogę używać klas, tylko poprzez dziedziczenie i selektory

 

https://zapodaj.net/ab0c073dfd6ce.jpg.html

Comments

Masz błąd w kodzie, a w sumie to byka ( ͡° ͜ʖ ͡°). Nie można umieszczać innych elementów niż li w ul, a Ty umieściłeś kolejną listę.

Answer 1

Cześć, 

Przeanalizuj swój kod czy wszystko jest ok. 
Porównaj z moim i wyłap różnicę 

        <!-- To w html -->   
        <nav>
            <ul>
                <li>A</li>
                <li>B
                    <ul>
                        <li>B.1</li>
                        <li>B.2</li>
                        <li>B.3</li>
                    </ul>
                </li>
                <li>C</li> 
            </ul>
        </nav>
        

        /* To w stylach css */
        nav ul li ul li {
         /* Twoje style */ 
        }

 

Comments

Macie rację, ale gafa...

Widzę, że stosując zapis:   

nav > ul > li > ul > li > a { style}   lub

nav  ul  li  ul  li  a { style}

niczym się to nie różni.. jest krótsza metoda aby dostać się do tych elementów jeśli powiedzmy mam więcej tego zagnieżdzone?

Answer 2

http://webkod.pl/kurs-css/selektory/pseudoklasy/selektor-nth-child

 

Selektor :nth-child() odwołuje się do każdego elementu HTML, którego cechy w danym momencie spełniają zasadę pseudoklasy :nth-child().