コンテンツからのスタイルの削除

クラス セレクター、ID セレクター、またはインライン スタイルを使用しているコンテンツからそれらのスタイルを削除する場合は、[スタイルの適用] パネルを使用します。現在の Web ページでスタイルが適用されているインスタンスを 1 つだけ、またはすべてのインスタンスを削除できます。[スタイル] ツール バーを使用して、クラス セレクターまたは ID セレクターをコンテンツから削除することもできます。Web ページのコンテンツからスタイルを削除しても、Web ページ内のそのスタイルへの参照が削除されるだけで、外部 CSS または内部 CSS のスタイルは削除されません。同じスタイルを、引き続き別のコンテンツに適用できます。

要素セレクターは、関連付けられた HTML 要素に自動的に適用されるので、Web ページの特定のコンテンツから要素セレクターを削除することはできません。[スタイルの適用] パネルの [コンテキスト セレクター] という見出しの下には、青色の点 の付いた要素セレクターの一覧が表示されます。ある要素セレクターを Web ページ全体で使用しない場合は、そのスタイルを CSS から削除できます。要素セレクターのすべてのインスタンスではなく一部のインスタンスのみの使用をやめる場合は、その要素セレクターをオーバーライドする新しいクラス セレクターまたは ID セレクターをデザインできます。

ヒント :
使用中のスタイルがわかりやすいように、[スタイルの適用] パネルには、現在の Web ページで使用されているスタイルの横に、色つきの点 を円で囲んだ印 が表示されます。コンテンツにカーソルを置くかコンテンツを選択すると、[スタイルの適用] パネルでは、コンテンツで使用されている各スタイルの周囲に四角形の実線の枠が表示されます。

Web ページの 1 つのスタイル適用部分からスタイルを削除するには

1. Web ページの [デザイン] ビューまたは [コード] ビューで、スタイルを削除するコンテンツにカーソルを置くか、そのコンテンツを選択します。

2. 次のいずれかの操作を実行します。

   • クラス セレクター、ID セレクター、またはインライン スタイルを削除するには、[スタイルの適用] パネルで削除するスタイルをポイントし、下矢印をクリックして、セレクターの種類 (クラス、ID、インライン) に応じて、[クラスの削除]、[ID の削除]、または [インライン スタイルの解除] を選択します。

   • クラス セレクターまたは ID セレクターを削除するには、[スタイル] ツール バーの [クラス] ボックスまたは [ID] ボックスで、スタイル名を削除します。

Web ページで、あるスタイルのすべての適用部分からスタイルを削除するには

1. Web ページを開いて、次のいずれかの操作を行います。

   • [スタイルの適用] パネルで削除するスタイルをポイントし、下矢印をクリックして、[すべて選択] を選択します。

   • [スタイルの管理] パネルで、削除するスタイルを右クリックして、ショートカット メニューの [すべて選択] をクリックします。

2. [スタイルの適用] パネルで、もう一度スタイルをポイントし、下矢印をクリックして、セレクターの種類 (クラス、ID、またはインライン) に応じて [クラスの削除]、[ID の削除]、または [インライン スタイルの解除] を選択します。

選択範囲内のすべてのクラス セレクターおよびインライン セレクターを削除するには

1. Web ページの [デザイン] ビューまたは [コード] ビューで、スタイルを削除するコンテンツにカーソルを置くか、そのコンテンツを選択します。

2. [スタイルの適用] パネルで、[適用する CSS スタイルを選択] の下の [スタイルのクリア] をクリックします。

   ヒント :
   選択範囲内のすべてのスタイルおよび HTML 書式を削除するには、[書式] メニューの [書式の削除] をクリックします。

関連項目

タスク

カスケード スタイル シートからのスタイルの削除
外部カスケード スタイル シートの適用または適用解除

参照

スタイルの適用パネル

概念

カスケード スタイル シートの参照