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

Ricard Taujenis
Ricard Taujenis
4,383 Points

Create a pseudo-class selector that targets the first-child li in .main-nav. Remove all border styles by setting border

dont understand said i dont have .main-nav involved ?

/* Complete the challenge by writing CSS below */
.main-nav li: first-chil 
border: none;
 border-top-left-radius: 5px;
 border-bottom-left-radius: 5px; 
<!DOCTYPE html>
  <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">
      <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>
      <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>

1 Answer

Jason Anders
Jason Anders
Treehouse Moderator 144,864 Points

Hey Ricard,

There are two small errors:

  1. Typo --> Missing the 'd' on `first-child'

  2. Spacing issue --> When you are using pseudo elements, there cannot be a space between the element and the pseudo-selector. With a space, CSS treats them as separate. No space and CSS knows they are attached. li:first-child (no spaces anywhere.

Fix those up and you're good to go. :)