在使用Less CSS的過程中,可能有時候需要將樣式代碼分行顯示,以便于代碼的閱讀和維護。那么,怎樣在Less CSS中實現分行呢?
其實,在Less CSS中,可以使用~
符號來實現分行。比如,我們可以將如下代碼:
header { background: #333; color: #fff; font-size: 20px; padding: 20px; }
改寫成:
header { background: #333; color: #fff; font-size: 20px; padding: 20px; }~
在樣式代碼后面加上~
符號,即可實現分行顯示。
需要注意的是,在使用~
符號時,必須將其放置在樣式代碼的末尾,而且不能出現在選擇器和屬性值之間,否則會導致代碼報錯。
下一篇mysql5.7.31