Les partenaires publicitaires:

Comment supprimer tous les styles CSS pour une DIV Simple

Apporter des changements à la CSS (Cascading Style Sheet) déclarations applicables à un élément HTML peut sembler une tâche complexe. Toutefois, aussi longtemps que vous vous en approchez systématiquement, vous devriez être en mesure d'apporter les changements dont vous avez besoin sans trop de stress. Une simple page Web peut utiliser les propriétés de style provenant de sources multiples, de sorte que votre première tâche sera de savoir où les déclarations pour votre "div" viennent. Une fois localisé, vous pouvez arrêter les déclarations d'avoir un effet sur l'élément en modifiant soit le code HTML ou CSS.

Instructions

  1. 1

    Découvrez où la page Web code CSS est stocké. Code CSS peut apparaître en ligne, ce qui signifie des déclarations de style sont énumérées dans le cadre du balisage d'un élément comme dans l'exemple de syntaxe suivante:

    Contenu

    Si ce code apparaît au sein de votre "div" vous pouvez supprimer l'ensemble "style" attribuer avec sa valeur. Code CSS peut apparaître au sein de la section de tête de la page comme suit:

    body {background-color: # 000000-}

    Code CSS peut également apparaître dans un ou plusieurs fichiers CSS séparées avec des liens dans la section de tête de page comme suit:

    Si votre page a code CSS dans la tête ou dans des fichiers séparés, vous aurez besoin de regarder tout ce code CSS pour modifier le style de votre "div" élément.

  2. 2

    Vérifiez code CSS se référant à "div" éléments. CSS peut appliquer à un type d'élément, comme dans l'exemple suivant:

    div {

    padding: 5px-

    }

    Si le CSS dans votre tête de page ou des fichiers séparés a le "div" identifiant utilisé de cette manière, le code dans le bloc de CSS sera affecter votre élément. Pour changer l'effet sur votre "div" mais laisser le code à appliquer à d'autres "div" éléments dans le site, vous pouvez changer la "div" à un autre type d'élément. Alternativement, vous pouvez modifier le code CSS à appliquer uniquement aux "div" éléments avec un attribut de classe particulière, en ajoutant cet attribut à ceux "div" éléments vous voulez que le CSS à appliquer à.

  3. 3

    Vérifiez code CSS se référant à votre classe de l'élément. Éléments HTML peuvent avoir des attributs de la classe comme suit:




    Haut contenu

    Si ton "div" a un attribut de classe, recherchez la valeur de l'attribut dans votre code CSS. La valeur d'attribut peut apparaître sur sa propre comme suit:

    .top {

    /Déclarations CSS/

    }

    En variante, il peut apparaître en même temps que le type de l'élément de la manière suivante:

    div.top {

    /Déclarations CSS/

    }

    Si l'un d'entre eux semblent, vous pouvez empêcher les déclarations d'appliquer à votre élément en changeant ou en supprimant son attribut de classe. Retrait du code CSS peut affecter d'autres éléments avec la classe, et pas seulement l'élément que vous travaillez avec.

  4. 4

    Vérifiez code CSS se référant à votre ID élément. Votre élément peut avoir un attribut ID unique comme suit:

    Haut contenu

    Si votre élément possède un attribut ID, consultez pour cela au sein de la CSS par la recherche de la syntaxe suivante:

    rubrique {

    /Déclarations CSS/

    }

    Dans chaque page, une valeur d'attribut ID doit apparaître qu'une seule fois, comme l'ID est censé être unique. Modification de la valeur de l'attribut ID devrait empêcher le code CSS d'affecter le "div" élément. Vous pouvez éventuellement modifier ou supprimer le code CSS, mais cela peut affecter des éléments avec le même ID sur d'autres pages de votre site si ils utilisent le même code CSS.

  5. 5

    Vérifiez code CSS affectant les éléments de parent ou enfant de votre "div." Code CSS pour les éléments de parents aura un effet boule de neige sur votre "div" de sorte que vous devrez peut-être apporter des modifications à ce code, bien que ces changements peuvent affecter le reste de votre site. Éléments à l'intérieur de votre "div" peut aussi avoir adapté le code CSS, afin de vérifier pour cette utilisant la même méthode que vous avez utilisé pour la "div" lui-même, en travaillant à travers les éléments de l'enfant à son tour.

Conseils & Avertissements

  • Outils de navigateur tel que Firebug peuvent être utiles lors de la modification du code HTML et CSS.
  • Les modifications apportées à un site existant peuvent avoir des conséquences inattendues. Pour cette raison, vous pouvez enregistrer des copies de tous les fichiers que vous prévoyez de changer.
» » » » Comment supprimer tous les styles CSS pour une DIV Simple