There comes a time when a man must scream and threaten bloody murder. One point of CSS is it’s ability to optimise the code needed to lever style into an element. This ideal is thrown out the window when the optimization looks like the following:
<tr class="b2calendarrow"> <td class="b2calendarcell">7</td> <td class="b2calendarcell">8</td> <td class="b2calendarcell">9</td> <td class="b2calendarcell">10</td> <td class="b2calendarcell">11</td> <td class="b2calendarcell">12</td> <td class="b2calendarcell">13</td> </tr>
The above could be written a lot more efficiently by leaving out the b2calendarcell class, and instead addressing the cells as “.b2calendarrow td“. And don’t forget the indentation! In this case, it’s probably best to have all <td>s on one line. This would give the following:
<tr class="b2calendarrow"> <td>7</td><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td> </tr>
Isn’t that much nicer?