把 CSS 轉(zhuǎn)成less 是一種將 CSS 樣式轉(zhuǎn)換為純文本格式的技術(shù)，可以減少代碼量，提高代碼可讀性和可維護(hù)性。通過(guò)使用less，我們可以將復(fù)雜的CSS樣式拆分成多個(gè)子樣式，并且可以方便地使用變量和函數(shù)來(lái)控制樣式的值。

下面我們將介紹如何將 CSS 轉(zhuǎn)成less。

1. 安裝less

我們需要在終端中安裝less，可以使用以下命令：

npm install less -g

這將安裝全局的less庫(kù)，可以在項(xiàng)目中使用。

2. 創(chuàng)建less文件

在項(xiàng)目中創(chuàng)建一個(gè)名為`style.less`的文件，并將以下代碼添加到文件中：

// ==UserScript==

// @name Display All Images

// @version 1.0

// @author Your Name

// @match *://*/*

// @grant none

// ==/UserScript==

display: block;

3. 編譯less文件

在項(xiàng)目中，可以使用以下命令將`style.less`編譯成CSS文件：

lessc style.less

這將編譯`style.less`文件并將其輸出為`style.css`文件。

4. 使用less

現(xiàn)在我們已經(jīng)創(chuàng)建了一個(gè)less文件，并成功編譯了它。我們可以在項(xiàng)目中使用less了。

例如，我們可以使用以下代碼來(lái)控制圖像的大小：

width: 100%;

height: auto;

通過(guò)使用less，我們可以更有效地管理CSS樣式，并且可以更容易地維護(hù)代碼。