Wed, 2012-01-04 08:37
Hello,
I am quite new at CSS and therefore looking for help in understanding CSS.
I have a html file:
<tr> <td class="level3 column bd-ob_TaxedTurnoverSuppliesServicesGeneralTariff">Omzet leveringen/diensten belast met algemeen tarief </td> <td class="level3 has data monetaryItemType bd-ob_TaxedTurnoverSuppliesServicesGeneralTariff">EUR 100 </td> </tr> <tr> <td class="level3 bd-ob_ValueAddedTaxSuppliesServicesGeneralTariff">Omzetbelasting leveringen/diensten algemeen tarief </td> <td class="level3 has data monetaryItemType bd-ob_ValueAddedTaxSuppliesServicesGeneralTariff">EUR 19 </td> </tr>
there is one field with class = "level3 bd-ob_ValueAddedTaxSuppliesServicesGeneralTariff"
and a second one with class = "level3 has data monetaryItemType bd-ob_ValueAddedTaxSuppliesServicesGeneralTariff".
and a css file with:
.level3 { font-size: 80%; padding-left: 50px; } .level3.bd-ob_TaxedTurnoverSuppliesServicesGeneralTariff { font: bold; padding-left: 20px; } .level3.has.data.bd-ob_TaxedTurnoverSuppliesServicesGeneralTariff { padding-left: 100px ; border-top-style: dashed; border-top-color: lightgrey; }
I understand my definition .level3 is applied to both fields in html, but can somebody explain why .level3.has.data.bd-ob_TaxedTurnoverSuppliesServicesGeneralTariff is also applied to the field with classes 'level3' and 'bd-ob_TaxedTurnoverSuppliesServicesGeneralTariff'?
It doesn't have 'has' nor 'data'.
I have attached a image of the result.
Thanks for any help you can give.
Regards,
Paul.
| Attachment | Size |
|---|---|
| Capture.PNG | 10.74 KB |
