title: CSS :before and :first-child combined
body: <p>I'm using the following code to add separators between my menu items:</p>
  
  <pre><code>#navigation_center li:before {
  
      content: "| ";
      color: #fff;
  
  }
  </code></pre>
  
  <p>Now I want the first item not to have a separator in front of it, so I figured out the following code:</p>
  
  <pre><code>#navigation_center li:before:first-child {
  
      content: none;
  
  }
  </code></pre>
  
  <p>but that's not doing anything. Is it possible to combine :before and :first-child?</p>