How to alternate image on left/right using "Views Parity Row" module This great tutorial explains everything except the CSS work.
http://gogrow.org/tutorials/views_parity_row

I need to add CSS class to each row so I can set left/right alignment accordingly in css style.
Views settings allows me to set the ccs class in Page: Style options but this one is always the same for each row. I need the class name also to alternate.

I need something like dynamically use the View Mode as css class name.

Current output: &lt;div class="views-row"&gt;
Desired output: &lt;div class="views-row left"&gt; and &lt;div class="views-row right"&gt;

Or am I missing something and the CSS work is done in a complete different way?
You can just set all view-rows to be left and then do like this in your css:

.views-row:nth-child(2) {
   float: right;
}


UPDATE:

.views-row:nth-child(odd) {
  float: left;
}
 .views-row:nth-child(even) {
  float: right;
}


As @No Sssweat pointed out you can use nth-child odd and even to style every second element. You don’t need to style on the parent just use above code.

I actually wrote something wrong you can add nth-child on the .views-row elements