元素不渲染视觉样式，CSS 规范禁止对其应用 background-color，Chrome、Firefox、Safari 均一致忽略；必须通过 tr > th:nth-child(n), tr > td:nth-child(n) 为单元格设置背景色。
colgroup 里设 background 为什么没反应
浏览器对
元素的样式支持非常有限，
background-color
在 Chrome 和 Safari 中基本不生效（Firefox 部分支持但行为不稳定），这不是你写错了，而是规范和实现层面的现实。真正渲染背景的是
和
|
，
只是结构占位，不参与视觉绘制。
常见错误现象：给
加了样式，表格里完全看不到效果；或者只在 Firefox 里有，换浏览器就消失。
能稳定生效的属性极少：只有
width
、
span
（仅影响列数计算）、部分
border
（极低兼容性）
color
、
font-size
、
text-align
等文本类样式在
上一律无效
如果真要统一背景色，必须落到单元格上，比如用
td:nth-child(2)
或加 class 控制
span="3" 是不是能让三列都继承 width 和 background
不是。
span
属性只是告诉浏览器“这个
定义覆盖接下来的 3 列”，但它不会把
width
或
background
“复制”或“广播”给后两列。实际效果是：只有第一列应用该
的
width
，后两列回到默认宽度或被后续
覆盖。
例如：
并不等价于三个独立的
—— 后者才是可预测、可调试、全浏览器一致的做法。
立即学习
“
前端免费学习笔记（深入）
”；
span
不触发样式继承，只跳过列定义位置
列数错位风险高：如果表格实际列数与
span
总和不匹配，
之后的列会失去结构控制
调试困难：DOM 中看不到“被 span 覆盖的列”，开发者工具里只能看到一个
节点
怎么让多列拥有相同宽度又保持兼容性
最稳的方式是显式写出每个
，不依赖
span
。HTML5 虽然保留了
span
，但它的语义是“列定义合并”，不是“样式批量应用”，别把它当 CSS 的
repeat()
用。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
示例（推荐）：
IE9+、Chrome、Firefox、Safari 全支持，无渲染差异
列数一目了然，增删列时只需同步修改
和表头/数据行
配合 CSS 更灵活：
+
.w-120 { width: 120px; }
避免用内联
width
属性，优先走 CSS，方便响应式调整
colgroup 放错位置会导致样式失效吗
会，而且很隐蔽。
必须紧接在
（如果有）之后、任何
/
/
之前。放错位置不仅样式不生效，还可能被浏览器自动移到 DOM 根部，导致列结构错乱。
典型错误位置：
插在
里面（
...
）→ 无效，被忽略
放在第一个
之后 → 浏览器强行重排，
可能被移到
开头，但列数已按原
解析完毕
多个
嵌套或交叉 → HTML 解析器会截断或丢弃
正确顺序只有一种：
。列数必须与所有
| | 
