本教程為大家介紹一下Dreamweaver編輯CSS規則，希望對大家有幫助。

　　一、在“CSS樣式”面板的“正在”模式下編輯CSS規則

　　1. 打開“CSS樣式”面板。

　　2. 使“CSS樣式”面板處于“正在”模式下。

　　3. 選擇當前頁面中一個HTML元素，此時已在“CSS樣式”面板中顯示了此元素的CSS屬性。

　　4. 請選擇下面的操作方法：

　　在“所選內容的摘要”窗格中雙擊一個屬性，打開“CSS 規則定義”對話框修改該屬性。

　　在“所選內容的摘要”窗格中選擇一個屬性，然后在下面的“屬性”窗格中編輯該屬性。

　　在“規則”窗格中選擇一條規則，然后在下面的“屬性”窗格中更改該規則的屬性。

　　提示：點擊“編輯”菜單，選擇“首選參數”項，打開“首選參數”對話框，在“分類”下拉列表中選擇“CSS 樣式”項，可以修改編輯CSS的雙擊行為以及其它行為。

　　二、在“CSS樣式”面板的“全部”模式下編輯CSS規則

　　1. 打開“CSS樣式”面板。

　　2. 使“CSS樣式”面板處于“全部”模式下。

　　3. 請選擇下面的操作方法：

　　在“所有規則”窗格中雙擊一條規則，打開“CSS 規則定義”對話框修改該屬性。

　　在“所有規則”窗格中選擇一條規則，然后在下面的“屬性”窗格中編輯該屬性。

　　在“所有規則”窗格中選擇一條規則，然后單擊“CSS樣式”面板右下角中的“編輯樣式”按鈕，打開“CSS 規則定義”對話框修改該屬性。

　　提示：點擊“編輯”菜單，選擇“首選參數”項，打開“首選參數”對話框，在“分類”下拉列表中選擇“CSS 樣式”項，可以修改編輯CSS的雙擊行為以及其它行為。

　　三、更改CSS選擇器名稱

　　1. 打開“CSS樣式”面板。

　　2. 使“CSS樣式”面板處于“全部”模式下。

　　3. 選擇要更改的選擇器，如下圖所示：

　　4. 再次單擊該選擇器，使名稱處于可編輯狀態。如下圖所示：

　　5. 更改類選擇器(.p)的名稱。

　　6. 按鍵盤上的Enter鍵。CSS選擇器的名稱修改完成。