Class on Table?

Question

Is it not possible to style a <table> and its <tr> <td> using css classes?

For example:

<table class="calendar_table">
<tr>
        <td>
            <h2>Datum</h2>
        </td>
        <td>
            <h2>Event</h2>
        </td>
        <td>
            <h2>Type</h2>
        </td>
    </tr>
</table>

Then using something like this CSS:

.calendar_table {
    width:880px;
}
.calendar_table tr {
    margin:0;
    padding:4px;
}

Answer 1

The answers above are either old, or not answered properly, as they are ignoring the styling of the table itself and not just td or th etc. elements.

If we would have a table like this:

<table class="custom_class">
  <thead>
    <tr>
      <th>header 1</th>
      <th>header 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>row value 1</td>
      <td>row value 2</td>
      </tr>
  </tbody>
</table>

Then in .css we should put:

table.custom_class  {
  border: 1px solid black;

  td, th {
    color: blue;
  }
}

Answer 2

It is possible, it should work properly!

Here is an example

Have fun, you can do whatever you want! I don't recommend using <table>though, unless it is used to present structured data that is meant to be in a table. If it is to draw a layout, use <div> and CSS!