Supprimer un style du contenu

Lorsque vous voulez supprimer un sélecteur de classe, un sélecteur d’ID ou un style intraligne du contenu qui utilise ces styles, le panneau Appliquer les styles vous permet de supprimer une occurrence ou toutes les occurrences du style dans la page Web active. Vous pouvez également utiliser la barre d’outils Style pour supprimer un sélecteur de classe ou d’ID du contenu. En supprimant un style du contenu d'une page Web, seule la référence au style de votre page Web est supprimée et non le style de la CSS externe ou interne ; vous pouvez continuer à appliquer le même style à un autre contenu.

Étant donné que les sélecteurs d’élément sont automatiquement appliqués aux éléments HTML associés, vous ne pouvez pas supprimer les sélecteurs d’éléments d’un contenu particulier d’une page Web. Le panneau Appliquer les styles affiche la liste des sélecteurs d’élément sous le titre Sélecteurs contextuels et les étiquettes à l’aide d’un point bleu . Si vous ne voulez plus utiliser un sélecteur d’élément dans l’ensemble d’une page Web, vous pouvez supprimer le style de la CSS. Si vous voulez cesser d’utiliser uniquement certaines occurrences d’un sélecteur d’élément, vous pouvez créer un sélecteur de classe ou d’ID qui remplace le sélecteur d’élément.

Conseil :
Pour vous permettre d’identifier les styles utilisés, le panneau Appliquer les styles affiche un cercle autour du point de couleur en regard des styles utilisés dans la page Web active. Lorsque vous placez le curseur dans le contenu ou le sélectionnez, le panneau Appliquer les styles affiche une bordure rectangulaire continue autour de chaque style utilisé par le contenu.

Pour supprimer une occurrence d'un style d'une page Web

1. En mode Création ou en mode Code, sur votre page Web, placez le curseur à l'intérieur ou sélectionnez le contenu duquel vous voulez supprimer le style.

2. Effectuez l’une des opérations suivantes.

   • Pour supprimer un sélecteur de classe, un sélecteur d’ID ou un style intraligne, dans le panneau Appliquer les styles, pointez sur le style que vous voulez supprimer, cliquez sur la flèche pointant vers le bas et, selon le type de sélecteur (classe, ID ou intraligne), sélectionnez Supprimer la classe, Supprimer l’ID ou Supprimer le style intraligne.

   • Pour supprimer un sélecteur de classe ou un sélecteur d’ID, dans la barre d’outils Style, dans la zone Classe ou ID, effacez le nom du style.

Pour supprimer toutes les occurrences d'un style d'une page Web

1. Dans votre page Web ouverte, effectuez l'une des actions suivantes :

   • Dans le panneau Appliquer les styles, pointez sur le style que vous voulez supprimer, cliquez sur la flèche pointant vers le bas, puis sélectionnez Sélectionner toutes les occurrences.

   • Dans le panneau Gérer les styles, cliquez avec le bouton droit sur le style que vous voulez supprimer et, dans le menu contextuel, cliquez sur Sélectionner toutes les occurrences.

2. Dans le panneau Appliquer les styles, pointez de nouveau sur le style, cliquez sur la flèche pointant vers le bas et, selon le type de sélecteur (classe, ID ou intraligne), sélectionnez Supprimer la classe, Supprimer l’ID ou Supprimer le style intraligne.

Pour supprimer tous les sélecteurs de classe et intralignes d’une sélection

1. En mode Création ou en mode Code, sur votre page Web, placez le curseur à l'intérieur ou sélectionnez le contenu duquel vous voulez supprimer les styles.

2. Dans le panneau Appliquer les styles, sous Sélectionner le style CSS à appliquer, cliquez sur Effacer les styles.

   Conseil :
   Pour supprimer tous les styles et la mise en forme du code HTML d’une sélection, dans le menu Mise en forme, cliquez sur Supprimer la mise en forme.

Voir aussi

Tâches

Supprimer un style d’une feuille de style en cascade

Attacher ou détacher une feuille de style en cascade externe

Concepts

Référence des feuilles de style en cascade

Référence

Panneau Appliquer les styles