在原子編輯器中設計交替線條

我正在通過原子編輯器設置進行瀏覽，並認爲我會做一個簡單的更改以顯示交替線條的不同顏色，以便我可以看到線條纏繞時發生了什麼。在原子編輯器中設計交替線條

它看起來像編輯器雖然不顯示，以行：

Sample of line highlight issue in atom editor

正如你可以在第26行，我試圖讓每個偶數行具有不同的背景顏色，但線看12,13和14全部被突出顯示。

查看開發人員工具（Mac上的Command-option-i）顯示這些行在文檔中亂序存儲，因此它們會交替顯示，但這不是它們在屏幕上突出顯示的方式。

有沒有一種方法可以使交替線突出顯示？

編輯：

我也嘗試添加樣式，以行號：

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

這也似乎有問題，我也注意到，當行迴繞，他們都給予了新的行號。

來源

2015-01-01 Totoro

我也想知道如果任何人都可以解釋爲什麼這些文件被存儲在這樣一個奇怪的方式？ – Totoro

我在原子問題頁面上添加了一個問題https://github.com/atom/atom/issues/4829 – Totoro

我不認爲你所要求的是Atom目前的架構。就我的理解而言，這些線條以插入/修改時最有利的順序放置在DOM中，然後使用絕對定位放置在屏幕上，如您在div的style屬性中所見。

來源

2015-01-02 00:29:50 Lee

這可能不是最漂亮的解決方案，但會爲你做的伎倆：

atom-text-editor::shadow .line[data-screen-row$="0"], 
atom-text-editor::shadow .line[data-screen-row$="2"], 
atom-text-editor::shadow .line[data-screen-row$="4"], 
atom-text-editor::shadow .line[data-screen-row$="6"], 
atom-text-editor::shadow .line[data-screen-row$="8"] { 
    background-color: #292929; 
}

來源

2015-05-19 14:31:07

在原子編輯器中設計交替線條

回答

相關問題