Replace same css classes with difference class names

Replace same css classes with difference class names

Hi Guys,

I have some span classes like this

<span class="field-label"> Producent: </span>
<dd class="field field-name-field-producent field-type-text field-label-inline inline"> 121 </dd>
<span class="field-label"> Land: </span>
<div class="field field-name-field-wine-land field-type-taxonomy-term-reference field-label-inline inline">
<span class="field-label"> Omrade: </span>
<div class="field field-name-field-omrade field-type-taxonomy-term-reference field-label-inline inline">
<span class="field-label"> Argang: </span>
<div class="field field-name-field-argang field-type-text field-label-inline inline"> sfaf </div>
<span class="field-label"> Druetype: </span>

I want these field-label classes change in to other names.Say

<span class="field-label"> Producent: </span> --> <span class="field-label-pro"> Producent: </span>
<span class="field-label"> Land: </span> --> <span class="field-label-land"> Land: </span>


like this.How can I do this?

Thanks