在 Dreamweaver 中移動 CSS 規則

上次更新時間 2021年4月27日

在 Dreamweaver 中移動、匯出或重新排列 CSS 規則至新的樣式表或現有的樣式表。

Dreamweaver 中的 CSS 管理功能讓 您可以輕鬆地將 CSS 規則移動或匯出到不同位置。 您可以將規則從文件移動到文件、從文件標頭移動到外部樣式表、在外部 CSS 檔案之間移動等等。

備註

如果您嘗試移動的規則與目標樣式表中的規則衝突,Dreamweaver 會顯示「存在相同名稱的規則」對話框。如果您選擇移動衝突規則,Dreamweaver 會將移動的規則置於目標樣式表中衝突規則的緊鄰位置。

將 CSS 規則移動或匯出至新的樣式表

在「程式碼」檢視中,選取您要移動的規則。 然後以滑鼠右鍵按一下選取範圍,並從內容選單中選取「選取範圍 > 移動 CSS 規則」。

備註

選取部分規則會導致改變整個規則的位置。

在「移動到外部樣式表」對話框中,選取新樣式表選項並按一下「確定」。
在「另存樣式表檔案為」對話框中,輸入新樣式表的名稱並按一下「儲存」。

當您按一下「儲存」時,Dreamweaver 會使用您所選取的規則儲存新樣式表,並將其附加到目前的文件。

將 CSS 規則移動或匯出至現有的樣式表

在「程式碼」檢視中,選取您要移動的規則。 然後以滑鼠右鍵按一下選取範圍,並從內容選單中選取「選取範圍 > 移動 CSS 規則」。

備註

選取部分規則會導致改變整個規則的位置。

在「移動到外部樣式表」對話框中,從快顯選單選取現有樣式表或瀏覽到現有樣式表,然後按一下「確定」。
備註

快顯選單顯示所有連結到目前文件的樣式表。

透過拖曳重新排列或移動 CSS 規則

在 CSS Designer 面板 (全部模式) 中,選取一個規則並將規則拖曳到所需位置。您可以在樣式表內選取和拖曳規則,即可重新排列規則,或者將規則移到其他樣式表或文件檔頭。

備註

您可以一次移動多個規則,方法是使用 Control+按一下 (Windows) 或 Command+按一下 (Macintosh) 多個規則以進行選取。