CSS CSS Selectors Going Further with Attribute Selectors and Pseudo-Classes :first-child and :last-child Challenge

Brady Borkowski
Brady Borkowski
7,495 Points

Workspaces is telling me to "make sure your border properties are set to none" which I thought I did?

I've tried "border-style" as the property as well as "border" and set both of their value to "none" yet workspaces seems to not pick that up. I'm sure there's a fix but I can't figure it out for the life of me.

style.css
/* Complete the challenge by writing CSS below */

.main.nav li:first-child {
  border: none;
  border-radius: 5px 0 0 5px;

}
index.html
<!DOCTYPE html>
<html>
<head>
    <title>Selectors</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href='http://fonts.googleapis.com/css?family=Nunito:400,300' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="page.css">
  <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
      <h1>My Site!</h1>
      <ul class="main-nav">
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Work</a></li>
        <li><a href="#">Contact</a></li>
      </ul>
    </header>
    <div>
      <p>Tattooed viral put a bird on it skateboard. Drinking vinegar locavore squid farm-to-table, dreamcatcher tattooed kitsch scenester. Tousled wolf squid Wes Anderson PBR, Williamsburg banh mi dreamcatcher stumptown ethnic sartorial mlkshk. Hella mixtape bespoke mustache Bushwick. Post-ironic hashtag jean shorts, Truffaut organic roof party pop-up wayfarers selvage narwhal. Mixtape roof party twee, post-ironic bespoke hella artisan meggings Carles brunch pop-up Tonx street art normcore. DIY paleo slow-carb occupy tofu fingerstache.</p>
    </div>
</body>
</html>
Brady Borkowski
Brady Borkowski
7,495 Points

Oh GOD I just saw it now. I have a main.nav instead of main-nav.

WOW.

Jennifer Nordell
Jennifer Nordell
Treehouse Staff

Congratulations on spotting it yourself! Yes, you have to be extremely detail-oriented when coding. But don't worry, this happens to all of us. That's exactly why it's amazing to have so many other sets of eyes available :sparkles: You might want to edit your question title with [SOLVED] :sparkles:

Richard andreasen
Richard andreasen
4,591 Points

I was wondering about that ;) nice catch

1 Answer

Wilson Usman
Wilson Usman
35,205 Points

You just need to fix the .main.nav to .main-nav:

.main-nav li:first-child {
  border: none;
  border-radius: 5px 0 0 5px;

}