我正在使用 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 中设置的预定义样式,最好的选择是在 <head>
中设置和链接第二个样式表。您的 HTML 文档并在其中定位这些样式。
例如 - 设置 .u-full-width th { font-size: 16px; font-weight: bold; }
会将所有 <th>
的字体设置为 16px 和粗体父类为 .u-full-width
的标签.
关于html - 如何使用 Skeleton CSS 框架更改表格大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56169366/