title: Using class in <td> element - styling
body: <p>This is probably a very basic question but I cant figure it out with standard approach. I have a table in which I am trying to do a different styling for one column. I thought that the easiest way to do this would use a class="class" property inside this column and then apply styling on it but it doesnt work.</p>
  
  <p>This is exmaple of my table (its filled with JSON objects but its not important now):</p>
  
  <pre><code>&lt;table id="logtable" class="pretty"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;Time&lt;/th&gt;
                  &lt;th&gt;From&lt;/th&gt;
                  &lt;th&gt;To&lt;/th&gt;
                  &lt;th&gt;Payload&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
              &lt;c:forEach var="message" items="${messages}"&gt;
                  &lt;tr&gt;
                      &lt;td&gt;&lt;c:out value="${message.timestamp}" /&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;c:out value="${message.sender}" /&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;c:out value="${message.receiver}" /&gt;&lt;/td&gt;
                      &lt;td class="message"&gt;&lt;c:out value="${message.payload}" /&gt;&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/c:forEach&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>This is the CSS I use (part of it):</p>
  
  <pre><code>table.pretty tbody td {
      text-align: center;
      background: #DEE7EF;
  }
  </code></pre>
  
  <p>This works but when I try to style the last column like this, it doesnt do anything:</p>
  
  <pre><code>table.pretty tbody td .message {
      text-align: left;
  }
  </code></pre>
  
  <p>What am I doing wrong? Thanks for any tips!</p>