css - 在原子编辑器中设计交替行

Question

我正在查看原子编辑器设置，并认为我会做一个简单的更改以显示交替线的不同颜色，这样我就可以看到在换行时发生了什么。

看起来编辑器没有按顺序显示行:

正如您在第 26 行看到的，我试图让每条偶数行具有不同的背景颜色，但第 12、13 和 14 行都突出显示。

查看开发人员工具(Mac 上的 Command-option-i)显示文档中的行存储顺序乱序，因此它们会交替出现，但这不是它们在屏幕上突出显示的方式。

有没有办法始终让交替的线条突出显示？

编辑:

我还尝试将样式添加到行号:

.editor .line[data-screen-row]:nth-child(2n) {
  background-color:red;
}

这似乎也有问题，我还注意到，当换行时，它们会得到一个新的行号。

Answer 1

我不认为你所要求的是 Atom 当前架构的方式。据我了解，这些行在插入/修改时以最方便的顺序放置在 DOM 中，然后使用绝对定位定位在屏幕上，如您在 style 属性中所见每个 div.