墨刀是一款設計協作軟件，可以幫助團隊快速制作出漂亮的原型。其中，它的 CSS 功能十分強大，可以讓設計師用代碼的方式控制 UI 元素的樣式。下面，我們就來介紹一下墨刀 CSS 是如何工作的。

首先，打開墨刀的編輯器，點擊右側的“CSS”標簽，即可進入 CSS 編輯器。在這里，我們可以看到一個“選擇器”欄、一個“屬性”欄和一個“屬性值”欄。

/* 選擇元素 */
.btn {
background-color: #4CAF50;
border: none;
color: white;
padding: 10px 20px;
text-align: center;
text-decoration: none;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
/* 嵌套選擇器 */
.btn:hover {
background-color: #3e8e41;
}

通過在“選擇器”欄中輸入類名或 ID，可以指定要樣式化的元素。在“屬性”欄中，可以選擇要應用的樣式屬性，例如背景顏色、字體大小和邊框樣式等。最后在“屬性值”欄中設置屬性的具體值，例如顏色代碼、像素值和 border 樣式等。

同時，CSS 編輯器支持嵌套選擇器，通過在選擇器后面添加：hover 或 :active，可以為元素添加鼠標移入或點擊效果。例如，我們可以使用以下 CSS 代碼為按鈕添加懸浮效果：

/* 嵌套選擇器 */
.btn:hover {
background-color: #3e8e41;
}

總之，墨刀 CSS 是一種很便捷的 UI 設計方式，通過少量樣式代碼就可以添加豐富的樣式效果，十分適合團隊快速原型制作。