title: Multiple CSS Pseudo Classes
body: <p>What is the proper CSS syntax for applying multiple pseudo classes to a selector.  I'd like to insert "," after each item in a list except the last one.  I am using the following css:</p>
  
  <pre><code>ul.phone_numbers li:after {
      content: ",";
  }
  
  ul.phone_numbers li:last-child:after {
      content: "";
  }
  </code></pre>
  
  <p>This works fine on FF3, Chrome and Safari 3.  IE7 doesn't work because it doesn't support :after (as expected).  In IE 8 this renders with a comma after each li including the last one.  Is this a problem with IE8 or is my syntax incorrect?  It's ok if it doesn't work in IE8 but I would like to know what the proper syntax is.</p>