Dreamweaver CC如何在定義CSS選擇器？

定義CSS選擇器

【操作步驟J

第1步，啟動(dòng)Dreamweaver CC，新建文檔，保存為test.html。

第2步，選擇“窗口”丨“CSS設(shè)計(jì)器”命令，打開(kāi)“CSS設(shè)計(jì)器”面板。

第3步，在“CSS設(shè)計(jì)器”面板的“源”窗格中，單擊B按鈕，然后設(shè)置CSS源文件。

第4步，單擊“@媒體”窗格中的B按鈕，添加新的媒體查詢。如果省略該項(xiàng)設(shè)置，則表示全局設(shè)備

第5步，在“選擇器”窗格中，單擊按鈕，根據(jù)在文檔中選擇的元素，CSS設(shè)計(jì)器會(huì)智能確定并提示使用的相關(guān)選擇器（最多3條規(guī)則）

第6步，執(zhí)行下列一個(gè)或多個(gè)操作：

1.刪除建議的規(guī)則并輸入所需的選擇器。確保輸入了選擇器名稱以及“選擇器類型”的指示符。例如，如果指定選擇器，則在選擇器名稱之前添加前綴“# ”。

2.如果要搜索特定選擇器，請(qǐng)使用窗格頂部的搜索框。

3.如果要重命名選擇器，請(qǐng)單擊該選擇器，然后輸入所需的名稱。

4.如果要重新整理選擇器，請(qǐng)將選擇器拖至所需位置。

5.如果要將選擇器從一個(gè)源移至另一個(gè)源，可將該選擇器拖至“源”窗格中所需的源上。

6.如果要復(fù)制所選源中的選擇器，則右擊該選擇器，然后在彈出的快捷菜單中選擇“復(fù)制”命令。

7.如果要復(fù)制選擇器并將其添加到媒體查詢中，則右擊該選擇器，將鼠標(biāo)指針懸停在“復(fù)制到媒體查詢中”命令上，然后選擇該媒體查詢。