Suggestion: use RDFa Lite instead of class names to mark up objects in HTML where possible:
Old HTML, using class to mean both "type" and "property": New HTML, using vocab + typeof for the "type" of object and property for each "property": See this list of movies for an example, and the accompanying CSS.
.movie
, use [typeof=Movie]
.movie .name
, use [typeof=Movie] [property=name]
<article class="movie">
<div class="name"></div>
<div class="director"></div>
<div class="date"></div>
<div class="studio"></div>
</article>
<article vocab="http://schema.org/" typeof="Movie">
<div property="name"></div>
<div property="director"></div>
<div property="datePublished"></div>
<div property="productionCompany"></div>
</article>