So überschreiben Sie CSS in DIV-Klassen

Wenn Sie das Erscheinungsbild einer Seite auf Ihrer Unternehmenswebsite optimieren müssen, müssen Sie möglicherweise den Code für das Cascading Style Sheet ändern. Entwickler verwenden CSS, um Größe, Farbe und andere Attribute von Objekten auf einer Webseite festzulegen. Nachdem Sie eine CSS-Klasse erstellt haben, die diese Attribute definiert, können Sie diese Klasse einem DIV oder einem anderen Webseitenobjekt zuweisen, damit diese Attribute verwendet werden. Wenn eine Klasse beispielsweise eine Breite von 100 Pixel definiert, sind alle DIVS, die auf diese Klasse verweisen, 100 Pixel breit. Sie können die CSS-Klassendefinition eines DIV überschreiben, indem Sie den HTML-Code des DIV aktualisieren.

1

Öffnen Sie ein HTML-Dokument, das ein DIV enthält, das auf CSS-Klassen verweist. Ein typisches DIV könnte wie folgt aussehen:

Der Inhalt in diesem DIV ist blau

Das DIV in diesem Beispiel verweist auf eine CSS-Klasse mit dem Namen "backgroundBlue". Beim Hinzufügen von Klassenverweisen zu einem DIV geben die Entwickler das Wort "class" gefolgt von einem Gleichheitszeichen und dem Klassennamen in Anführungszeichen (siehe oben) ein.

2

Geben Sie das folgende Stilattribut nach der Klassendefinition des DIV ein:

style = "Hintergrundfarbe: rot"

Fügen Sie vor dem Wort "Stil" ein Leerzeichen ein. Wenn Sie dieses Stilattribut zu dem im vorherigen Schritt gezeigten DIV hinzugefügt haben, würde der Code folgendermaßen aussehen:

Der Inhalt in diesem DIV ist blau

Entwickler beziehen sich auf das hinzugefügte style-Attribut als "Inline-Style", da es sich im HTML-Code eines Elements befindet. Wenn die backgroundBlue-Klasse in diesem Beispiel ein Farbattribut von blau aufweist, überschreibt der hinzugefügte Inline-Stil den in der CSS-Klasse, und die Hintergrundfarbe der DIV wird rot. Um ein von einer CSS-Klasse definiertes Attribut zu überschreiben, hängen Sie einfach einen neuen Inline-Stil an die Klassendefinition des DIV an.

3.

Speichern Sie das Dokument und zeigen Sie es in Ihrem Browser an. Der Hintergrund des DIV ist jetzt rot.

Tipps

  • Dieses Beispiel zeigt, wie ein Hintergrundfarbenattribut überschrieben wird. Ihre eigentlichen CSS-Klassen definieren wahrscheinlich andere Attribute wie Schriftfamilie, Rahmenstil, Rand oder Breite. Überschreiben Sie sie mit derselben Technik, mit der Sie die Hintergrundfarbe der DIV rot gefärbt haben.
  • Webentwickler bewahren normalerweise den gesamten CSS-Code im Stilabschnitt eines Dokuments oder in externen Stylesheets auf. Das Überschreiben einer Klasse durch Einfügen neuer Stilattribute in einem DIV funktioniert, aber es ist am besten, die Klasse zu aktualisieren, auf die Ihr DIV verweist. Betrachten Sie die backgroundBlue-Klasse, die im vorherigen Beispiel verwendet wurde. Wenn diese Klasse eine blaue Hintergrundfarbe hat und Sie möchten, dass Ihr DIV stattdessen einen roten Hintergrund hat, versuchen Sie, die Farbe in der Klasse selbst von blau auf rot zu ändern. Sie können auch eine neue CSS-Klasse erstellen, die ein Hintergrundfarbenattribut mit einem roten Wert definiert und Ihr DIV diese Klasse referenzieren lässt.
  • Es ist möglich, dass der Entwickler, der Ihre Webseite codiert hat, eine CSS-Klasse erstellt, die auf die ID eines DIV verweist. In diesem Fall wird möglicherweise keine Klassenreferenz in Ihrem DIV angezeigt. Sie können die Klasse jedoch überschreiben, indem Sie Ihren Inline-Stil wie in diesen Schritten beschrieben hinzufügen.
  • DIVS kann mehr als eine Klassenreferenz haben. Wenn Ihr DIV mehrere Klassenreferenzen enthält, hängen Sie Ihren Inline-Stil nach der letzten Klasse an.
  • Erfahren Sie mehr über CSS-Attribute, die Sie überschreiben können, indem Sie Websites mit CSS-Attributen betrachten.
Empfohlen
  • Mitarbeiter verwalten: Top-Five-Fähigkeiten für einen HR-Generalisten

    Top-Five-Fähigkeiten für einen HR-Generalisten

    Ein Humanressourcen-Generalist ist ein Fachmann, der in den verschiedenen Aspekten der Tätigkeit geschult ist, einschließlich der Verwaltung von Sozialleistungen, der Einstellung von Arbeitskräften und der Einhaltung der Beschäftigungsgesetze von Bund und Ländern. Die HR-Generalistin wendet ihre Fähigkeiten auf die Zusammenarbeit mit Unternehmensleitern an, um die derzeitigen Mitarbeiter zu erhalten und zukünftige Personalanforderungen zu antizipieren. Fünf
  • Mitarbeiter verwalten: Wenn ich mein iPhone synchronisiere, lädt es alles oder nur einige Dateien hoch?

    Wenn ich mein iPhone synchronisiere, lädt es alles oder nur einige Dateien hoch?

    Wenn Sie ein iPhone geschäftlich verwenden, müssen Sie wissen, wo sich all Ihre Daten befinden, und sicherstellen, dass die Daten an mehreren Orten gespeichert werden. Wenn Sie Ihr iPhone mit iTunes synchronisieren, werden die meisten Informationen auf Ihrem iPhone auf Ihren Computer hochgeladen. Dies umfasst jedoch nicht alle Daten.
  • Mitarbeiter verwalten: Offsetdruck mit Microsoft Word

    Offsetdruck mit Microsoft Word

    Microsoft Word sollte nie als Designprogramm für den Offsetdruck verwendet werden. Seien Sie also nicht überrascht, wenn sich ein kommerzieller Drucker krümmt, wenn Sie eine in Word erstellte Datei übermitteln. Das Kerning oder der Abstand des Typs bei der Verwendung der Ausrichtung erreicht nicht die Qualität professioneller Entwurfsprogramme, und Word ist nicht in der Lage, die Gestaltungselemente zu erstellen, die dem Projekt einen professionellen Anstrich verleihen. Wor
  • Mitarbeiter verwalten: Multi-Tab-Browsing im Android

    Multi-Tab-Browsing im Android

    Bei einigen Webbrowsern können Sie jeweils nur in einem Browserfenster im Internet navigieren. Glücklicherweise bieten mehrere Entwickler Web-Browser mit mehreren Registerkarten oder mehreren Registerkarten an, wenn Sie Multitasking benötigen. Mit Registern mit mehreren Registerkarten können Sie in einer Anwendung mehrere Browserfenster gleichzeitig öffnen. Ein
  • Mitarbeiter verwalten: Wie arbeiten Zeitarbeitsagenturen?

    Wie arbeiten Zeitarbeitsagenturen?

    Zeitarbeitsfirmen, auch Zeitarbeitsagenturen oder Arbeitsvermittlungsagenturen genannt, stellen Arbeitgebern Fachkräfte für Arbeitsaufgaben zur Verfügung, die ihr Personal vorübergehend ergänzen. Arbeitgeber benötigen diese Arbeitnehmer möglicherweise für Tage, Wochen oder sogar bis zu einem Jahr. Zeitar
  • Mitarbeiter verwalten: Statistische Techniken für die Personalplanung

    Statistische Techniken für die Personalplanung

    Statistische Verfahren unterstützen Kleinunternehmer dabei, Daten zu messen, Beziehungen zu definieren und langfristige Trends zu identifizieren. Jede dieser Aufgaben ist für die Beurteilung der aktuellen Personalsituation und für die Erstellung jährlicher Prognosepläne von entscheidender Bedeutung. Da
  • Mitarbeiter verwalten: Die negative Seite der Zielsetzungstheorie

    Die negative Seite der Zielsetzungstheorie

    Die Theorie der Zielsetzung wurde in den 1960er Jahren entwickelt. Es wird davon ausgegangen, dass das Management spezifische und klare Ziele setzt und den Mitarbeitern dann Feedback gibt, was die Mitarbeiter motiviert, die Ziele zu erreichen. Das Setzen von Zielen ist jedoch nicht ohne Nachteile und kann manchmal so viele Probleme verursachen, wie es löst.
  • Mitarbeiter verwalten: Tipps für Mitarbeiter zu Leistungsbeurteilungen

    Tipps für Mitarbeiter zu Leistungsbeurteilungen

    Eine Mitarbeiterleistungsbeurteilung muss einen Wert für den Mitarbeiter haben, um effektiv zu sein. Mitarbeiter sollten nicht sitzen und zulassen, dass ein Besprechungsgespräch zur Leistungsbeurteilung ein Einweggespräch ist. Mehrere Tipps für Mitarbeiter zur Leistungsbeurteilung können dazu beitragen, dass der Leistungsüberprüfungsprozess effektiv wird und Teil der beruflichen Entwicklung des Mitarbeiters ist. Mache
  • Mitarbeiter verwalten: Projektplan zur Durchsetzung von Desktop-Standards

    Projektplan zur Durchsetzung von Desktop-Standards

    Wenn Ihr kleines Unternehmen Computer ansammelt, stellen Sie möglicherweise fest, dass verschiedene Mitarbeiter Systeme verwenden, die nicht zu den Computern anderer Unternehmen passen. Einige Ihrer Mitarbeiter können sogar aufgrund von Inkompatibilität mit der Software Schwierigkeiten haben, miteinander zu kommunizieren. E