Not sure if this is what you mean but by way of a more detailed explanation.....
Imagine you have the following in your custom CSS file.....
.solution_SELECTED{
text-align: center;
text-transform: uppercase;
background-color: #b2fb98;
font-weight: bold;
}
.solution_APPROVED{
text-align: center;
text-transform: uppercase;
background-color: #b2fb98;
font-weight: bold;
}
.solution_{
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
Now this is some custom html on a form. In particular, this is a Custom View on a Form.
Have a look at the line that has {StatusSelected} and the following {StatusApproved}.
If I have for example an attribute in the BO called StatusSelected and the values for that can be.... SELECTED or Null ,then the value in the DB will determine the css class that is used for that element.
<div class="aw-data-item" >
<div class="aw-custom-line" >
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<th class="th_solution_solution">Solution</th>
<th class="th_solution_price">Price</th>
<th class="th_solution_unit">Unit</th>
<th class="th_selected">Employee</th>
<th class="th_approved">Approver</th>
</tr>
<tbody>
<tr>
<td class="solution_text" rowspan="5">{SolutionText}</td>
<td class="solution_price">{SolutionPrice}</td>
<td class="solution_unit">{DefaultCurrency}</td>
<td class="solution{StatusSelected}" rowspan="5">{StatusSelected}</td>
<td class="solution{StatusApproved}" rowspan="5">{StatusApproved}</td>
</tr>
<tr>
<td class="solution_price">{PrimaryPrice}</td>
<td class="solution_unit">{PrimaryCurrency}</td>
</tr>
<tr>
<td class="solution_price">{SecondaryPrice}</td>
<td class="solution_unit">{SecondaryCurrency}</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td class="solution_CONDITION" colspan="4" rowspan="4">{Conditions}</td>
<td class="th_solution_unit">Deadline</td>
</tr>
<tr>
<td class="solution_unit">{Deadline}</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</tbody>
</table>
</div>
</div>