我正在使用Skeleton CSS Framework创建表,如下所示:



<div class="container">
  <h2>V1504 Currently Active Jobs</h2>
  <table class="u-full-width">
    <thead>
      <!-- table head -->
      <tr class="u-full-width">
        <!-- table row -->
        <th>Job Number</th>
        <th>Employee Name</th>
        <th>Department</th>
      </tr>
    </thead>
    <tbody id="job-list">

    </tbody>
  </table>
</div>





tbody为空的原因是因为我通过Javascript将元素动态插入到表中。但是该表如下所示:

html - 如何使用Skeleton CSS框架更改表大小-LMLPHP

现在,我想增加表格标题及其元素的字体大小,如果可能,如何使用Skeleton CSS做到这一点?

最佳答案

Skeleton.css是一个响应式框架。如果要更改Skeleton.css中设置的预定义样式,最好的选择是在HTML文档的<head>中设置并链接第二个样式表,然后在其中定位这些样式。

例如,设置.u-full-width th { font-size: 16px; font-weight: bold; }会将父类为<th>的所有.u-full-width标记的字体设置为16px并加粗。

09-25 20:29