雙下劃線 CSS 是一種在 CSS 屬性名和屬性值之間使用雙下劃線的命名方法。它在某些情況下可以方便地為屬性值添加一些額外的信息，也可以用作標記屬性值的注釋。

在使用雙下劃線 CSS 時，屬性名和屬性值之間需要使用兩個下劃線連接。例如：

font-size: __14px;
background-color: __#fff;

為了使用雙下劃線 CSS，你需要在 CSS 中創建一個 mixin。先定義一個變量，并將它設置在 mixin 所需使用的 CSS 屬性中。然后創建一個帶有參數的 mixin，并使用它將屬性值作為參數傳遞。下面是一個例子：

/* 定義變量 */:root {--color: blue;}/* 創建 mixin */@mixin color($color) {color: __#{$color};}/* 使用 mixin */.box {@include color(var(--color));}

在上面的例子中，我們定義了一個名為--color的 CSS 變量，然后創建了一個名為color的 mixin，并將--color的值作為參數傳遞給它。

使用雙下劃線 CSS 需要注意，它不是標準 CSS 的一部分，也不被所有的瀏覽器支持。因此，在使用時需要慎重考慮瀏覽器的兼容性。