title: How to increase font size of all tds in the table
body: <p>I have table in that some rows are there. I want to increase the td font size to 24 in etire table. How to write css style for td in the head so that font size of all the td data will be increased .</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table class="table table-striped"&gt;
    &lt;thead&gt;
      &lt;tr class="success"&gt;
        &lt;th class="success"&gt;a&lt;/th&gt;
        &lt;th&gt;1&lt;/th&gt;
        &lt;th&gt;2&lt;/th&gt;
        &lt;th&gt;3&lt;/th&gt;
        &lt;th&gt;4&lt;/th&gt;
        &lt;th&gt;5&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr class="danger"&gt;
        &lt;td id="hhh" class="success"&gt;filled&lt;/td&gt;
        @foreach (var item in Model) {
        &lt;td&gt;@item.Filled.ToString("N2") cm&lt;/td&gt;
        }
      &lt;/tr&gt;
      &lt;tr class="info"&gt;
        &lt;td&gt;Updated time&lt;/td&gt;
        @foreach (var item in Model) {
        &lt;td&gt;@item.UpdatedTime&lt;/td&gt;
        }
      &lt;/tr&gt;
      &lt;tr class="warning"&gt;
        &lt;td&gt;Area&lt;/td&gt;
        @foreach (var item in Model) {
        &lt;td&gt;@item.Area&lt;/td&gt;
        }
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>