style explanation 1

[TFfan]

table.spanning td.spanning {color: #efefef; font-family: Arial; font-weight: bold; font-size: 14px; : 2;}

I don't completely understand this. I keep my css simpler (no doubt inferior). Does this mean that when table.spanning AND td.spanning are used, do this? So if I were just using table.spanning, I could use a different style? Also, what does the ': 2' signify?

Thanks.

 

[Vragabond]

Using space in style declarations means descendant. Your declaration thus states:

table.spanning td.spanning: This applies to table cell (<td>) with a class name spanning (<td class="spanning">) that is within a table with a class name spanning (<table class="spanning">).

Example:

<table class="spanning">
 <tr>
  <td>This cell does not have the described style</td>
 </tr>
 <tr>
  <td class="spanning">This cell has the described style</td>
 </tr>
</table>

<table>
 <tr>
  <td>This cell does not have the described style</td>
 </tr>
 <tr>
  <td class="spanning">This cell again does not have the described style</td>
 </tr>
</table>

I hope it makes sense. I have no idea what :2 means, I personally would say it's a mistake.

 

[Vragabond]

Also, here's a good reference for the future: a translator from CSS to English: SelectORacle

 

[TFfan]

Very nicely, explained. Thanks so much for your time.