CSS构建代码行数的原理如下:

使用::before伪元素content属性生成,这样不用担心网页框选复制代码的时候行数序号会污染。

使用\A控制字符的换行,之前有效果应用过此特性,见“CSS content换行技术实现字符animation loading效果”。

::before伪元素绝对定位在左侧,祖先元素设置overflow:hidden隐藏多余的行数。