title: First of type & Before or After
body: <p>I basically have a menu like it shown below in the HTML code, and I want to add "|" before each "li" within the menu to give it the look of (Home | About | Contact). Everything is working, however, I am having a problem of deleting the "|" from the very first "li" in each "ul" within the menu.</p>
  
  <p>So at the moment my menu is shown like: ( | Home | About | Contact), how do I get rid of the "|" that is on the first "li" element?</p>
  
  <p>currnt CSS: </p>
  
  <pre><code>#mainMenu li:before{
  content: "|";
  color: blue;
  }
  </code></pre>
  
  <p>I have tried to give it a class of "first" and then use li.first {contnet:none} but no hope.</p>
  
  <pre><code>                 &lt;nav&gt;&lt;ul id="mainMenu"&gt;&lt;!--Main Menu--&gt;
                      &lt;li class="first"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;
                          &lt;ul&gt;
                              &lt;li&gt;&lt;a href="Intro1.php"&gt;Intro 1&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Intro2.php"&gt;Intro 2&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Intro3.php"&gt;Intro 3&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Vision.php"&gt;Vision&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Contacts.php"&gt;Contacts&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Staff.php"&gt;Staff&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Use.php"&gt;Use&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Crisis.php"&gt;Crisis&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Basics&lt;/a&gt;
                          &lt;ul&gt;
                              &lt;li&gt;&lt;a href="Definition1.php"&gt;Definition 1&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Definition2.php"&gt;Definition 2&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Definition3.php"&gt;Definition 3&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Assess1.php"&gt;Assess 1&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Assess2.php"&gt;Assess 2&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Assess3.php"&gt;Assess 3&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Need&lt;/a&gt;
                          &lt;ul&gt;
                              &lt;li&gt;&lt;a href="World1.php"&gt;World 1&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="World2.php"&gt;World 2&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="World3.php"&gt;World 3&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Polar1.php"&gt;Polar 1&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Polar2.php"&gt;Polar 2&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Polar2.php"&gt;Polar 3&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="National.php"&gt;National 1&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Nationa2.php"&gt;National 2&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Nationa3.php"&gt;National 3&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Alaska1.php"&gt;Alaska 1&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Alaska2.php"&gt;Alaska 2&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Alaska3.php"&gt;Alaska 3&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Alaska4.php"&gt;Alaska 4&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Fairbanks.php"&gt;Fairbanks&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Models&lt;/a&gt;
                          &lt;ul&gt;
                              &lt;li&gt;&lt;a href="Durkheim.php"&gt;Durkheim&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Joiner.php"&gt;Joiner&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="nami.php"&gt;NAMI&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Mental.php"&gt;Mental&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Church.php"&gt;Church&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Menninger.php"&gt;Menninger&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Weaver-Wright.php"&gt;Weaver/Wright&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Approach&lt;/a&gt;
                          &lt;ul&gt;
                              &lt;li&gt;&lt;a href="Trees1.php"&gt;Trees 1&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Trees2.php"&gt;Tress 2&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Goals1.php"&gt;Goals 1&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Goals2.php"&gt;Goals 2&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Training1.php"&gt;Training 1&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Training2.php"&gt;Training 2&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Gas1.php"&gt;Gas 1&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Gas2.php"&gt;Gas 2&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Boat1.php"&gt;Boat 1&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Boat2.php"&gt;Boat 2&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Library&lt;/a&gt;
                          &lt;ul&gt;
                              &lt;li&gt;&lt;a href="Stories.php"&gt;Stories&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Books.php"&gt;Books&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Plays.php"&gt;Plays&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Epics.php"&gt;Epics&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Movies.php"&gt;Movies&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Articles.php"&gt;Articles&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Web&lt;/a&gt;
                          &lt;ul&gt;
                              &lt;li&gt;&lt;a href="Arctic.php"&gt;Arctic&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="National.php"&gt;National&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Supports.php"&gt;Supports&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="Reference.php"&gt;Reference&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;&lt;/li&gt;
                  &lt;/ul&gt;&lt;/nav&gt;
  </code></pre>