CSS是網頁開發中重要的一環，既可以起到美化網頁的作用，也可以添加交互效果。但是在開發過程中，我們經常會遇到代碼過長，閱讀和修改起來就會十分不便捷。這時，我們可以通過在編輯器中添加行數顯示，提高代碼可讀性。

在CSS中添加行數顯示的方法非常簡單，只需在樣式表的頭部添加以下代碼即可：

/*啟用行數顯示*/
pre { 
counter-reset: line; 
} 
/*設置行數樣式*/
pre code:before { 
counter-increment: line; 
content: counter(line); 
color: #999; 
display: inline-block; 
width: 2em; 
margin-right: 0.5em; 
}

這段代碼的意思是設置pre標簽中的code標簽的樣式，將其前面顯示行數。其中，counter-reset屬性用于定義counter的起始值，line是counter的名稱，content屬性用于插入計數器的內容。后面的代碼則是為行數樣式添加了一些常用樣式，如字體顏色、寬度等。

在實際應用中，我們可以將這段代碼添加到自己的樣式表文件中，或者直接在開發工具的樣式編輯器中添加。這樣，在編輯CSS代碼時，我們就可以清楚地知道當前處于第幾行，方便進行調試和修改。

總的來說，CSS行數顯示可以為網頁開發帶來便捷，提高開發效率。在實踐中，我們應該根據自己的需求，靈活運用這一功能。