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

标签 html css skeleton-css-boilerplate

我正在使用 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 动态插入元素到表中。但表格如下所示:

enter image description here

现在我想增加表格标题及其元素的字体大小,如果可能的话,如何使用 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/

相关文章:

html - jumbotron 和列 div 之间的空白( Bootstrap )

javascript - 给定值创建菱形的函数

css - 通过关键帧的多个背景图像位置的动画在 Chrome 和 Safari 中有效,但在 Firefox 中无效

html - div 上的 CSS 位置如何影响同级划分的位置?

html - 如何在我的自定义导航栏中将我的 anchor 元素居中?

css - 使用骨架网格更改按钮中的字体大小

javascript - 将跨度值存储到 javascript 变量中

Javascript 尝试更改动态创建的 html 列表中的文本颜色

HTML - 有序列表,将列表编号设置为 (a)、(i)、(aa)

css - 如何在 application.css 中正确设置 "require"? (骨架框架)