把 CSS 轉成less 是一種將 CSS 樣式轉換為純文本格式的技術，可以減少代碼量，提高代碼可讀性和可維護性。通過使用less，我們可以將復雜的CSS樣式拆分成多個子樣式，并且可以方便地使用變量和函數來控制樣式的值。

下面我們將介紹如何將 CSS 轉成less。

1. 安裝less

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

npm install less -g

這將安裝全局的less庫，可以在項目中使用。

2. 創建less文件

在項目中創建一個名為`style.less`的文件，并將以下代碼添加到文件中：

// ==UserScript==

// @name Display All Images

// @version 1.0

// @author Your Name

// @match *://*/*

// @grant none

// ==/UserScript==

display: block;

3. 編譯less文件

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

lessc style.less

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

4. 使用less

現在我們已經創建了一個less文件，并成功編譯了它。我們可以在項目中使用less了。

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

width: 100%;

height: auto;

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