Selektor ID NIE wyszukuje elementu z atrybutem ID o takiej samej nazwie w dokumencie HTML

pytanie zadane 20 lipca 2021 w HTML i CSS przez Cloud2 Nowicjusz (220 p.)

Drodzy,

tak, jak w temacie Selektor ID czyli w tym przypadku # NIE wyszukuje elementu z atrybutem ID o takiej samej nazwie w dokumencie HTML.

Proszę o wsparcie gdzie tkwi błąd, bo na tutorialu z 2017 roku działa a u mnie nie.

Tutorial działa na Brackets, natomiast ja trenuję na VS Code.

Dzięki z góry :)!

Pozdrawiam,

Sławek

* {
    margin: 0;
    padding: 0;
    font-family: Open+sans;
    box-sizing: border-box;
}

#

komentarz 20 lipca 2021 przez Comandeer Guru (601,110 p.)

To chyba nie jest cały kod?

komentarz 20 lipca 2021 przez Cloud2 Nowicjusz (220 p.)
przeniesione 20 lipca 2021 przez Comandeer

sorry. POdaję niżej kod z pliku .html, bo ten krótki jest z .css.

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My first page</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap" rel="stylesheet">"
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div id = "wrapper">
        <header>
            <img src="Plaża (1).jpg" alt="ślicznotka" />

        </header>

        <nav>
            <a class="menu active" href="#">O mnie</a>
            <a class="menu" href="#">Aktualności</a>
            <a class="menu" href="#">Inspiracje</a>
            <a class="menu" href="#">Kontakt</a>
        </nav>

        <section>
            <article>
                <h1>Nasza pierwsza strona internetowa</h1>
                <p><img class="left" src="Steffi.jpg" alt="ślicznotka" /> Taką stronę jesteś w stanie napisać w 1,5 h po
                    kilku dniach nauki. Pomyśl, co bedzie po kilku miesiącach!</p>
                <p> Ta strona jest prosta ale zgodna ze standardami html5. Można ją oczywiście rozbudować i upiekszyć,
                    co zrobimy w koejnym odcinku. Można też napisać ją zupełnie inaczej i uzyskać ten am efekt</p>
                <p>Nauka stron to eksperymentowanie. Częściej coś działa niż nie działa</p>

            </article>

            <iframe width="560" height="315" src="https://www.youtube.com/embed/0iDI4XBHONM"
                title="YouTube video player" frameborder="0"
                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                allowfullscreen></iframe>



        </section>
        <footer> I gotowe. A to wszystko w niecałe 45 minut!</footer>


    </div>
</body>

</html>

komentarz 20 lipca 2021 przez Comandeer Guru (601,110 p.)

Ok, ale ten CSS wydaje się ucięty. Po # raczej coś powinno być.

komentarz 20 lipca 2021 przez Cloud2 Nowicjusz (220 p.)

on jest nie tyle ucięty co nie dokończony, bo powinno być #wrapper gdzie to wrapper powinno samo się zasugerować, ponieważ w pliku .html jest <div id="wrapper">