No replies
napalase
napalase's picture
Offline
newbie
Last seen: 2 years 41 weeks ago
Timezone: GMT+1
Joined: 2012-01-04
Posts: 1
Points: 2

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.

AttachmentSize
Capture.PNG10.74 KB