Layui table 表头样式无法通过配置项修改，必须用 CSS 覆盖；需使用高优先级选择器（如 .layui-table thead th）并注意 !important 和 background（非 background-color）的正确用法。
layui table 的 thead 样式不能靠配置项改，得用 CSS 覆盖
Layui 的 table.render() 不提供设置表头文字颜色或背景渐变的内置参数，所有视觉定制都得走 CSS。它的表头结构固定生成为 ... layui-table-th），所以直接写 CSS 时得注意优先级和选择器精度。
常见错误是只写 th { color: red; }，结果无效——因为 Layui 的默认样式用了 !important 或更高权重的选择器（如 .layui-table thead th）。
- 必须用至少同级或更具体的选择器，比如
.layui-table thead th或.layui-table > thead > tr > th - 如果要覆盖带
!important的内联样式，CSS 里也得加!important（不推荐，但有时绕不开） - 渐变背景要用
background+linear-gradient，别只设background-color，否则渐变不生效
给表头文字加颜色：用 .layui-table thead th 精准命中
表头文字实际在 示例（把所有表头文字变白色）： Layui 默认给 正确写法（蓝到紫渐变）： 样式不生效不是代码错，大概率是加载顺序、作用域或渲染时机问题。 最稳妥的做法：把自定义 CSS 放在 内的 th，所以改 th 就够了。不需要动伪元素或子节点。.layui-table thead th {
color: #fff !important;
}
!important 时，Layui 3.x 某些版本的默认 color 带 !important，会导致失效:nth-child(n)，比如第 2 列：.layui-table thead th:nth-child(2)
!important 的替代方案：提高选择器权重，例如加容器 ID：#myTable .layui-table thead th
给表头背景加渐变：必须用
background，不是 background-color
th 设了纯色背景（background-color），而渐变是 background 属性的值，它会完全覆盖 background-color。只写 background-color: linear-gradient(...) 是无效的。.layui-table thead th {
background: linear-gradient(135deg, #1890ff, #722ed1) !important;
color: #fff !important;
}
135deg 比 to bottom right 更稳，兼容性更好.layui-table thead th:hover，否则悬停时渐变会退回到默认色@media 查询为什么改完没反应？先检查这三件事
layui.css 之后引入？顺序反了会被覆盖table.render() 之后才插入样式？动态渲染的表格，DOM 是后来生成的，样式得提前就位th 元素，computed 标签页中 color 和 background 是否被划掉？被划掉说明被更高优先级规则干掉了 底部，紧挨着 layui.css 引入之后；或者用 标签内联写死，确保生效。
