我正在使用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将元素动态插入到表中。但是该表如下所示:
现在,我想增加表格标题及其元素的字体大小,如果可能,如何使用Skeleton CSS做到这一点?
最佳答案
Skeleton.css是一个响应式框架。如果要更改Skeleton.css中设置的预定义样式,最好的选择是在HTML文档的<head>
中设置并链接第二个样式表,然后在其中定位这些样式。
例如,设置.u-full-width th { font-size: 16px; font-weight: bold; }
会将父类为<th>
的所有.u-full-width
标记的字体设置为16px并加粗。