title: What are good 'marker' css styles to define?
body: <p>I am finding it useful to define 'marker' css styles such as <code>'hidden'</code> or <code>'selected'</code> so I can easily mark something as hidden or selected - especially when using a tag based technology like ASP.NET MVC or PHP.</p>
  
  <pre><code>.hidden
  {
      display:none;
  }
  
  .newsItemList li.selected
  {
      background-color: yellow;
  }
  </code></pre>
  
  <p>I don't especially feel like <a href="http://www.codinghorror.com/blog/archives/001145.html" rel="nofollow noreferrer">reinventing the wheel</a> here and wanted to know what other things like this are useful or common - or if there are any pitfalls to watch out for.</p>
  
  <p>Should I look at any specific css frameworks for other things like this? Plus is there a name for this type of css class that I can search by.</p>