從內容中移除樣式

當您想要從使用此樣式的內容中移除類別選取器、識別碼選取器或內嵌樣式時,[套用樣式] 工作窗格可讓您移除目前網頁樣式的單一或全部例項。您也可以使用 [樣式] 工具列,移除內容中的類別或識別碼選取器。從網頁內容中移除樣式,僅會移除網頁中對該樣式的參考,不會移除外部或內部 CSS 的樣式;您可繼續將相同的樣式套用到其他內容。

因為元素選取器會自動套用到關聯的 HTML 元素,所以您不能移除網頁中特定內容的元素選取器。[套用樣式] 工作窗格會在 [內容選取器] 標題下列出元素選取器,並以藍點 Cc295506.69a199aa-4b7a-4713-ba75-2837bdcfa759(zh-tw,Expression.10).gif 加以標示。若要停止對整個網頁使用元素選取器,您可以從 CSS 中移除該樣式。若僅要停止對某些而非全部的例項使用元素選取器,您可以設計新的類別或識別碼選取器以覆寫此元素選取器。

Cc295506.alert_tip(zh-tw,Expression.10).gif秘訣:

為協助您識別使用中的樣式,[套用樣式] 工作窗格會在目前網頁使用樣式旁的色點 Cc295506.93ed2242-d3a9-4228-8e01-b114ce38a04c(zh-tw,Expression.10).gif 周圍顯示一個圓圈 Cc295506.539c7c1e-1c2d-438b-9400-0c3782606e19(zh-tw,Expression.10).gif。當游標置於內容中或您選取內容時,[套用樣式] 工作窗格會顯示實線矩形圈住該內容所使用的每個樣式。

從網頁移除樣式的某個例項

  1. 在網頁的 [設計] 檢視或 [程式碼] 檢視中,將游標置於想要移除樣式的內容中或選取該內容。

  2. 執行下列其中一項動作。

    • 若要移除類別選取器、識別碼選取器或內嵌樣式,請在 [套用樣式] 工作窗格中,指向您要移除的樣式,並按一下向下箭號,然後根據選取器類型 (類別、識別碼或內嵌) 選取 [移除類別]、[移除識別碼] 或 [移除內嵌樣式]。

    • 若要移除類別選取器或識別碼選取器,請在 [樣式] 工具列中,清除 [類別] 或 [識別碼] 方塊中的樣式名稱。

從網頁移除樣式的全部例項

  1. 在網頁開啟的狀態下,執行下列其中一項動作。

    • 在 [套用樣式] 工作窗格中指向想要移除的樣式,按一下向下箭號,然後選取 [選取所有的例項]。

    • 在 [管理樣式] 工作窗格中,以滑鼠右鍵按一下想要移除的樣式,然後在快顯功能表中按一下 [選取所有的例項]。

  2. 再次指向 [套用樣式] 工作窗格中的樣式,按一下向下箭號,然後根據選取器類型 (類別、識別碼或內嵌) 選取 [移除類別]、[移除識別碼] 或 [移除內嵌樣式]。

從選取範圍中移除所有的類別與內嵌選取器

  1. 在網頁的 [設計] 檢視或 [程式碼] 檢視中,將游標置於想要移除樣式的內容中或選取該內容。

  2. 在 [套用樣式] 工作窗格中,按一下 [選取要套用的 CSS 樣式] 下的 [清除樣式]。

    Cc295506.alert_tip(zh-tw,Expression.10).gif秘訣:

    若要移除選取範圍的所有樣式及 HTML 格式設定,請按一下 [格式] 功能表上的 [移除格式]。

請參閱

概念

自階層式樣式表刪除樣式

附加或卸離外部階層式樣式表

套用樣式工作窗格