Kolor fonta - nie dziala

pytanie zadane 28 lipca 2019 w HTML i CSS przez Radek Koniarski Użytkownik (870 p.)
zmienione kategorie 28 lipca 2019 przez Arkadiusz Waluk

Dlaczego nie działa kolro white dla nth 4 , 5 ?

<!DOCTYPE html>
<html lang="pl">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>

    <nav>
        <div class="logo"><img src="img/logo.png"> </div>

        <ul>

            <li><a href="#">Oferta</a></li>
            <li><a href="#">Szablony</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Zacznij teraz</a></li>
            <li><a href="#">Logowanie</a></li>

        </ul>


    </nav>









</body></html>

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

nav {
    height: 80px;
    position: relative;


}

nav ul {
    margin-left: 23%;
}

nav li {
    list-style: none;
    float: left;
    margin-top: 30px;
}




nav a {
    text-decoration: none;
    color: black;
    padding: 20px;
    font-size: 16px;
    text-transform: uppercase;
}


li:nth-of-type(4) {
    left: 70%;
    position: absolute;
    background-color: #85bd2b;
    padding: 10px;





}

li:nth-of-type(5) {
    left: 83%;
    position: absolute;
    background-color: #85bd2b;
    padding: 10px;



}

li a:nth-of-type(4) {
    color: white;



}





.logo {
    left: 70px;

    position: absolute;
}

.logo img {
    width: 40%;
}

1 odpowiedź

odpowiedź 28 lipca 2019 przez lateM Pasjonat (17,660 p.)

Mam lepsze pytanie - co to ma wspólnego z C++?

li a:nth-of-type(4) - odnosisz się do czwartego elementu "a" zagnieżdżonego w elemencie li, a nie do 4-go elementu li, który ma w sobie "a". Wydaje mi się, że potrzebujesz czegoś w tym stylu: li:nth-of-type(4) a