I have made sure to check out that I linked to my external stylesheet correctly and I still can’t seem to select the class that I’ve given to my two divs on my homepages. I attached pictures of it.
Can anyone see what I am doing wrong?
[upl-image-preview url=https://www.webdeveloper.com/forum/assets/files/2018-04-27/1524816661-515954-skarmavbild-2018-04-27-kl-101041.png] [upl-image-preview url=https://www.webdeveloper.com/forum/assets/files/2018-04-27/1524816663-404632-skarmavbild-2018-04-27-kl-101048.png]
> @SputniQ#1591606 I attached pictures of it.
<!doctype html> <html> <head> <title> My website </title> <link href="styles/style.css" rel="stylesheet" type="text/css"/> </head> <body> <i> </i><header> <i> </i><nav> <i> </i><h1> My Website</h1> <i> </i><ul> <i> </i> <li><a href="#">Home</a></li> <i> </i> <li><a href="webpage2.html">Review</a></li> <i> </i> <li><a href="#">Culture</a></li> <i> </i> <li><a href="#">Nightlife</a></li> <i> </i> <li><a href="#">Contact us</a></li> <i> </i></ul> </nav> </header> <div class="secondary"> <p>This is one of my very first websites..</p> <p>This is one of my very first websites..</p> <p>This is one of my very first websites..</p> <p>This is one of my very first websites..</p> <p>This is one of my very first websites..</p> <p>This is one of my very first websites..</p> </div> <div class="secondary"> <p>This is one of my very first websites..</p> <p>This is one of my very first websites..</p> <p>This is one of my very first websites..</p> <p>This is one of my very first websites..</p> <p>This is one of my very first websites..</p> <p>This is one of my very first websites..</p> </div> <footer> Night Club 2018</footer> </body> </html>
body { margin:0; font-family:arial; } header {background:#222; border:2px solid maroon; color:white; } header h1 { display:inline; background:maroon; border-radius:8px; padding:5px 5px; margin:8px; } nav ul { display:inline; } nav ul li { display:inline-block; background:maroon; padding: 15px 5px 15px 5px; margin:6px; border-radius:5px; } nav ul li a { color:white; text-decoration:none; .secondary { }
``<i> </i>nav ul li a { color:white; text-decoration:none;<i> </i>``
<i> </i>nav ul li a { color:white; text-decoration:none;<i> </i>
Help @SputniQ spread the word by sharing this article on Twitter...