So entfernen Sie alle CSS-Stile für ein einzelnes DIV

Autor: Peter Berry
Erstelldatum: 17 August 2021
Aktualisierungsdatum: 18 November 2024
Anonim
So entfernen Sie alle CSS-Stile für ein einzelnes DIV - Artikel
So entfernen Sie alle CSS-Stile für ein einzelnes DIV - Artikel

Inhalt

Änderungen an CSS-Deklarationen ("Cascading Style Sheet"), die auf ein HTML-Element angewendet werden, wirken wie eine komplexe Aufgabe. Solange man jedoch systematisch vorgeht, ist es möglich, die notwendigen Änderungen ohne Komplikationen vorzunehmen. Eine einzelne Webseite kann Stileigenschaften aus mehreren Quellen verwenden. Auf diese Weise müssen Sie zunächst herausfinden, woher die Deklarationen für Ihr "div" stammen. Sobald Sie sie gefunden haben, können Sie verhindern, dass sie Auswirkungen auf das Element haben, indem Sie den HTML- oder CSS-Code ändern.


Anweisungen

Sites verwenden sowohl HTML als auch CSS, um das Aussehen und den Stil zu bestimmen (Comstock / Comstock / Getty Images)
  1. Finden Sie heraus, wo das CSS der Webseite gespeichert ist. CSS-Code kann inline erscheinen, was bedeutet, dass Stildeklarationen als Teil der Markierung eines Elements gemäß der Syntax des folgenden Beispiels aufgeführt werden: Inhalt

    Wenn dieser Code in Ihrem "div" erscheint, können Sie das gesamte "style" -Attribut mit seinem Wert entfernen. Der CSS-Code kann im Abschnitt "Kopf" der Seite wie folgt angezeigt werden: body {background-color: # 000000;}

    Der CSS-Code kann auch in einer oder mehreren separaten CSS-Dateien mit Verknüpfungen im Abschnitt "Kopf" der Seite wie folgt angezeigt werden:

  2. Wenn Ihre Seite CSS-Code im Bereich "head" oder in separaten Dateien enthält, müssen Sie den gesamten CSS-Code durchsuchen, um den Stil für Ihr "div" -Element zu ändern.


  3. Überprüfen Sie, ob der CSS-Code auf "div" -Elemente verweist. CSS kann auf einen Elementtyp wie den folgenden angewendet werden: div {padding: 5px; }

    Wenn für das CSS im "Kopf" Ihrer Seite oder in separaten Dateien der auf diese Weise verwendete Bezeichner "div" verwendet wird, wirkt sich der Code im CSS-Block auf sein Element aus. Um den Effekt auf "div" zu ändern, den Code jedoch auf andere "div" -Elemente in der Site anwenden zu lassen, können Sie "div" in einen anderen Elementtyp ändern. Alternativ können Sie den CSS-Code so ändern, dass er nur auf "div" -Elemente mit einem bestimmten Klassenattribut angewendet wird. Fügen Sie dieses Attribut den "div" -Elementen hinzu, auf die das CSS angewendet werden soll.

  4. Suchen Sie nach dem CSS-Code, der sich auf die Klasse Ihres Elements bezieht. HTML-Elemente haben folgende Klassenattribute: Top Inhalt


    Wenn Ihr "div" ein Klassenattribut hat, sehen Sie den Wert des Attributs in Ihrem CSS-Code. Es kann in seinem eigenen Attribut wie folgt aussehen: .top {/CSS-Deklarationen/ }

    Alternativ kann es zusammen mit dem Elementtyp wie folgt aussehen: div.top {/CSS-Deklarationen/ }

    Wenn eine davon angezeigt wird, können Sie verhindern, dass Deklarationen auf Ihr Element angewendet werden, indem Sie das Klassenattribut ändern oder entfernen. Das Entfernen von CSS-Code kann andere Elemente mit der Klasse beeinflussen, nicht nur das Element, an dem gearbeitet wird.

  5. Überprüfen Sie den CSS-Code für Ihre Element-ID. Ihr Element kann wie folgt ein eindeutiges ID-Attribut haben: Top content

    Wenn Ihr Element über ein ID-Attribut verfügt, suchen Sie im CSS nach diesem und suchen Sie nach der folgenden Syntax:

    Überschrift

    /CSS-Deklarationen/ }

    Auf jeder Seite sollte ein ID-Attributwert nur einmal angezeigt werden, da die ID eindeutig sein muss. Das Ändern des Werts des ID-Attributs sollte verhindern, dass sich der CSS-Code auf das "div" -Element auswirkt. Sie können den CSS-Code weiterhin optional ändern oder entfernen. Dies kann sich jedoch auf Elemente mit derselben ID auf anderen Seiten Ihrer Website auswirken, wenn sie denselben CSS-Code verwenden.

  6. Suchen Sie nach CSS-Codes, die die übergeordneten oder untergeordneten Elemente Ihres "div" betreffen. Der CSS-Code für übergeordnete Elemente wird eine Reaktion auf Ihr "div" haben. Daher müssen Sie möglicherweise Änderungen an diesem Code vornehmen, obwohl sich dies auf den Rest Ihrer Website auswirken kann. Die Elemente in Ihrem "div" haben möglicherweise auch angepassten CSS-Code. Überprüfen Sie mit der gleichen Methode, die auch für das "div" verwendet wird, und arbeiten Sie mit den einzelnen untergeordneten Elementen gleichzeitig.

Wie

  • Browser-Tools wie Firebug können beim Ändern von HTML- und CSS-Code nützlich sein.

Hinweis

  • Änderungen an einer vorhandenen Site können unerwartete Folgen haben. Aus diesem Grund wird empfohlen, Kopien aller Dateien zu speichern, die Sie ändern möchten.

Brücken helfen Fahrzeugen und Fußgängern, Hindernie zu überwinden. ie überqueren nicht nur Flüe, chluchten und traßen, ondern verkürzen auch häufig die Rei...

Ein formeller Gechäftbericht konzentriert ich auf die Berichtertattung über die Ergebnie oder Ergebnie eine betimmten Projekt, z. B. Budgetänderungen oder Kundendientforchung. Da Dokume...

Beliebte Publikationen.