Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

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

Brady Borkowski
Brady Borkowski
7,495 Points
Posted by 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
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
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

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
Richard andreasen
Richard andreasen
4,591 Points

I was wondering about that ;) nice catch

1 Answer

Wilson Usman
Wilson Usman
35,206 Points
Wilson Usman
Wilson Usman
35,206 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;

}