Styles überschreiben
- Home
- Tutorials
- HTML/Web
- HTML & CSS Tutorial für Anfänger
- Styles überschreiben
Um einzelne Seiten speziel zu stylen, müssen wir unsere
Dann müssen wir die Styles einfach überschrieben. Wie man das macht, zeige ich euch hier:
Beispiel für das Überschreiben von Styles
<head>
<link rel="stylesheet" type="text/css" href="beispielname.css"/>
<style type="text/css">
h1{color:green;}
</style>
</head>
Wie wir sehen können, wird zuerst das ESS beispielname.css aufgerufen und somit die ganzen Regeln der CSS angewendet und danach unsere speziell für diese Seite erstellte Regel angewendet, somit unsere Überschrift grün angezeigt.
Was es für das Überschreiben von Styles zu beachten gilt!
Dass die Regel die näher am zu verändernden Inhalt ist, eine höhere Priorität hat. D.h wenn wir nun die Regeln im Style Tag über den Link Tag einfügen, werden die Regeln des Style Tags von den Regeln unserer ESS überschrieben.
Vorherig
External Style Sheets
Nächste
Pseudo Elemente
Kostenlos
HTML & CSS Tutorial für Anfänger
-
Einführung in HTML
-
Lektion1.1
-
Lektion1.2
-
Lektion1.3
-
-
Verschiedene Tags
-
Lektion2.1
-
Lektion2.2
-
Lektion2.3
-
Lektion2.4
-
Lektion2.5
-
Lektion2.6
-
-
Einführung in CSS
-
Lektion3.1
-
Lektion3.2
-
Lektion3.3
-
Lektion3.4
-
Lektion3.5
-
Lektion3.6
-
-
Tags mit CSS stylen
-
Lektion4.1
-
Lektion4.2
-
Lektion4.3
-
Lektion4.4
-
Lektion4.5
-
-
Wichtige Einsteigertricks
-
Lektion5.1
-
Lektion5.2
-
Lektion5.3
-
Lektion5.4
-
Lektion5.5
-
Lektion5.6
-
Lektion5.7
-
-
CSS in der Praxis
-
Lektion6.1
-
Lektion6.2
-
Lektion6.3
-
Lektion6.4
-
Lektion6.5
-
-
Formulare und Dropdown-Listen
-
Lektion7.1
-
Lektion7.2
-
Lektion7.3
-
Lektion7.4
-
Lektion7.5
-
Beliebte Kurse
Spring Boot Webentwicklung - RESTful APIs entwickeln!
Lerne Spring Boot und erstelle RESTful APIs Das beliebteste Java...
29,99€
Die Java 11 Masterclass - Werde zum Profi-Entwickler!
Werde zum Entwickler mit der Java 11 Masterclass! Starte in...
29,99€
Spiele entwickeln mit Unity 3D – Erstelle eigene Games in C# - Starter
Willkommen zum kostenlosen Teil des Kurses: "Spiele entwickeln mit Unity...
Kostenlos