add custom design to Views Row i need to add custom css id/class to views row after row first. example: 

in default i see this : 

&lt;div class="views-row views-row-1 views-row-odd views-row-first"&gt;&lt;/div&gt;

&lt;div class="views-row views-row-2 views-row-even"&gt;&lt;/div&gt;

&lt;div class="views-row views-row-3 views-row-odd views-row-last"&gt;&lt;/div&gt;


Now, I need change this to:

&lt;div class="views-row views-row-1 views-row-odd views-row-first"&gt;&lt;/div&gt;

&lt;div id="leftCol" class="views-row views-row-2 views-row-even"&gt;&lt;/div&gt;

&lt;div id="leftCol" class="views-row views-row-3 views-row-odd views-row-last"&gt;&lt;/div&gt;


Actually i need to print result like this:

 &lt;div&gt;views-row-first&lt;/div&gt; &lt;-- example: 100% width

 &lt;div&gt;views-row-even&lt;/div&gt; &lt;-- example: 50% width + &lt;div&gt; views-row-last&lt;/div&gt; &lt;-- example: 50% width


With this i combination of one and two columns. 100% width and one column for first row And at the bottom 2*50% and two column for other(even/odd/last). How to?

NOTE: i work with content-node / unforrmatted list.
Why dont you just add the 100% to views-row-1 and width: 50% to views-row?
I believe that you do it like this:

.views-row {
  width: 50%;
  //other css
}

.views-row-1 {
  width: 100%;
}