title: CSS semantics; selecting elements directly or via order
body: <p>Perhaps this question has been asked elsewhere, but I'm unable to find it. With HTML5 and CSS3 modules inching closer, I'm getting interested in a discussion about the way we write CSS. </p>
  
  <p>Something <a href="http://camendesign.com/design/" rel="nofollow noreferrer">like this</a> where selection is done via element order and pseudo-classes is particularly fascinating. The big advantage to this method seems to be complete modularization of HTML and CSS to make tweaks and redesigns simpler.</p>
  
  <p>At the same time, semantic IDs and classes seem advantageous for sundry reasons. Particularly, direct linking, JS targeting, and shorter CSS selectors. Also, it seems selector length might be an issue. For instance, I just wrote the following, which would be admittedly easier using some semantic HTML5 elements:</p>
  
  <p><code>body&gt;div:nth-child(2)&gt;div:nth-child(2)&gt;ul:nth-child(2)&gt;li:last-child</code></p>
  
  <p>So what say you, Stack Overflow? Is the future of CSS writing focused on element order and pseudo-classes? Or are IDs and classes and the current ways here to stay?</p>
  
  <p>(I'm well aware the IDs and classes have their place, although I <strong>am</strong> interested to hear more ways you think they'll continue to be necessary. I don't want to misrepresent this or frame it as "Are pseudo-classes ID killers?" The discussion I'm interested in is bigger-picture and the ways writing CSS is changing.)</p>