CSS中不存在::column伪元素，因多列布局的列是自动分割的内容流而非DOM节点，无法被选择器定位；规范仅定义::first-line和::first-letter且仅作用于首列开头。
::column 伪元素并不存在，CSS 规范中从未定义过这个选择器。所有声称能用 ::column 为“每一列”单独设置背景、边框或颜色的教程或代码片段，都是错误的或混淆了概念。
为什么找不到 ::column？
CSS 多列布局（Multi-column Layout）模块定义的伪元素只有 ::first-line 和 ::first-letter，且它们只对多列容器内的**第一列开头部分**生效——这是规范明确规定的，不是浏览器 bug。
至于“每列独立样式”，W3C 没有提供任何伪类或伪元素来匹配逻辑上的第 1 列、第 2 列……原因很实际：列是内容流自动分割的结果，不是 DOM 节点，无法被 CSS 选择器定位。
常见误操作与真实限制
- 写
::column { background: #f0f0f0; }→ 浏览器完全忽略，控制台无报错，但也不生效 - 试图用
:nth-child()或:nth-of-type()选中“列” → 这些选择器作用于 DOM 元素，而列不是元素，无效 - 以为
column-span: all能配合::column使用 →column-span只影响单个块级元素是否跨列，和伪元素无关 - 在 Safari 或 Chrome DevTools 的 Elements 面板里看到“Column 1”“Column 2”分组 → 那只是开发者工具的可视化辅助，不是可选中的 CSS 节点
真正可用的替代方案
若需视觉上区分各列，只能绕过“选中列”这条路：
立即学习“前端免费学习笔记（深入）”；
- 用
background-image+ 线性渐变模拟列背景色带，例如：background: linear-gradient(90deg, #fff 33%, #f9f9f9 33%, #f9f9f9 66%, #fff 66%);，再配合background-size匹配列宽与间隙 - 放弃列间差异化样式，统一用
column-rule加分隔线（它不占空间，只画在column-gap中间） - 对内容做预处理：服务端或 JS 将文本按估算字数/高度拆成 N 个
<div class="col-1">…<code><div class="col-3">，再用 Flex/Grid 布局——但这已脱离原生多列机制，失去自动平衡列高、响应式断栏等核心优势 <p>最常被忽略的一点：多列布局本质是为**连续文本流**设计的，不是为“可控网格”准备的。一旦你开始执着于“给第 2 列加红色边框”，说明场景可能更适合 <code>display: grid或 JavaScript 分块渲染——别硬套column-count。
