Externe CSS Datei vor Inline CSS in HTML Datei bevorzugen?

Kann ich es irgendwie erzwingen, dass externe CSS Konfigurationen vor dem inline Code in der HTML Datei verwendet werden? Jede CSS Einstellung, die ich in einer externen CSS-Datei erstell, wird, wenn im HTML Code die selbe Einstellung nochmal vorhanden ist, von der internen überschrieben.

Beispiel:

Externes CSS:                                              Internes CSS:
z-index:1;                                                 z-index:2;

Im Browser wird der z-index 2 gezogen.

Danke für hilfreiche Antworten!

2 Antworten

Vom Beitragsersteller als hilfreich ausgezeichnet

webflexer

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

22.03.2016, 11:24

Arbeite mit der Wertigkeit !important

Beispiel:

Wenn im inline CSS folgendes steht:

p {
   color: red;
}

kannst du das durch ein externes css überschreiben:

p {
   color: green !important;
}

Die Wirkweise der !important-Regel ist das "Überbieten" der CSS-Prioritäten. Mit !important wird die höchste Priorität gesetzt.

swarup

Beitragsersteller

22.03.2016, 12:08

Danke!!
Genau das habe ich gesucht.

Funktioniert einwandfrei!

Herb3472

22.03.2016, 11:12

Wieso eine interne css-Anweisung, wenn Du ohnehin externe css-Dateien verwendest? Da stolperst Du ja über Deine eigenen Füße?!

swarup

Beitragsersteller

22.03.2016, 11:19

Ich weiß
Mein Wordpress Theme hat ein Problem mit dem Menü.
Ich habe den Fehler bereits gefunden. Dieser liegt in der CSS Config.
Das darunter liegende Bild hat einen z-index von 2... genauso wie das Menü.
Nun möchte ich den z-index des Bildes via Custom CSS auf 1 verringern. Dieser Wert wird aber nicht verwendet.

Ähnliche Beiträge

Wie füge ich eine SCSS Datei in HTML ein?

Hallo! Ich würde gerne meine Seite mit SCSS formatieren und nicht nur mit einfachem CSS. Leider habe ich Probleme eine SCSS Datei in meinen HTML Code einzufügen. Bei CSS sieht der Code zum einfügen ja so aus:

<link rel="stylesheet" type="text/css" href="[DATEIPFAD].css"/>

Wenn ich es nun aber mit einer SCSS Datei versuche klappt es nicht.

...zum Beitrag

Fehler bei HTML-Code beim Einbinden von CSS?

Hallo, ich hab folgendes Problem (dies hier ist eigentlich eine Wiederholung einer anderen Frage, aber mit Code) ich habe Probleme meine CSS Datei in meine HTML Datei einzubinden, bzw es ist nicht eingebunden obwohl ich den Code eingegeben habe und auch beides in einem Ordner gepackt habe. Ich zeige meinen Quellcode und würde euch bitten eventuell rüberzuschauen und mir zusagen, welchen Fehler ich gemacht habe.

...zum Beitrag

HTML/CSS Bild passt sich nicht automatisch an?

Hallo,

ich bin dabei HTML und CSS zu lernen. Kann mir jemand sagen, warum sich das Bild nicht automatisch der Browsergröße anpasst? Anbei mein Code.

...zum Beitrag

Hintergrund bild im header wird nicht angezeigt?

Hallo, ich will in meine Html Website ein Bild als Hintergrund im Header haben, dies geht nicht, ich habe schon mehrmals gegoogelt und verschiedene Codes probiert, aber wenn ich die Seite aktualisiere bleibt sie weiß, und sagt, dass das Bild nicht gefunden werden konnte, obwohl ich es im gleichen Ordner habe wie meine Index und CSS Datei. Wisst ihr einen Rat? Danke im Voraus.

hier der Css Code:

.header{

min-height: 100vh;

width: 100%;

background-image: /*linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),*/ url(Website4/Dateien/Bilder/12.png);

background-position: center;

background-size: cover;

position: relative;

overflow: hidden;

}

...zum Beitrag

Gute KI um HTML-, CSS- und JS-Code für eine Webseite zu erstellen?

Hallo kennt jemand eine gute KI, um HTML-, CSS- und JavaScript-Code für eine Webseite zu erstellen?

...zum Beitrag

Informatik HTML/CSS Bildlink Umrandung entfernen?

Im Rahmen des Informatikunterrichts sollten wir eine Website mit HTML erstellen.Fürs Layout sollten wir eine externe CSS-Datei nutzen. Ich habe mich dazu entschieden die Website der Schule in dem Logo zu verlinken <a href="..."><img src="logo.img" alt= "Schule"></a>. Im internen Broser von HTML Phase 5 Editor wird um den Link die eingestellt Linkfarbe Blau dargestellt (eingestellt für die ganze Website). Wie schaffe ich es die Farbe bei dem Bild/ die Umrandung zu entfernen/anpassen ohne das die anderen Links auch keine Farbe mehr hatten. Dies soll in der CSS-Datei geschehen.

...zum Beitrag

Bilder auf gleiche Höhe in HTML/CSS?

Hallo,

ich habe nochmal eine Frage zu meiner Website.

Kann mir jemand sagen, wie ich die beiden linken Bilder auf die gleiche Höhe wie das rechte Bild bringen kann? Ich finde bei Google nichts und weiß nicht weiter.

Hier der Ausschnitt meines Codes:

HTML:

<div id="bilder">
  <div id=bild1>
    <img src="bild1.jpg" alt="Wir bei der Arbeit">
  </div>
  <div id=bild2>
    <img src="bild2.jpg" alt="Wir bei der Arbeit">
  </div>
  <div id=bild3>
    <img src="bild3.png" alt="Holzschränke"
  </div>

CSS:

#bild1 {
  display: inline;
  margin-left: 500px;
}

#bild2 {
  display: inline;
  margin-left: 50px;
}

#bild3 {
  display: inline;
  margin-left: 50px;
}

...zum Beitrag

Wieso wird CSS nicht übernommen?

Ich habe gerade ein Problem, das soo frustrierend ist. Ich bin HTML & CSS Anfänger und wollte eine Webseite aus einem Tutorial Video nachbauen. Die Inhalte und Struktur im HTML habe ich hinbekommen. Nun scheitere ich aber am CSS. (Browser Chrome) Für mich sieht alles richtig aus. CSS ist eigentlich eingebunden, aber die Eigenschaften werden nicht übernommen. Ich habe schon etliche Seiten durchforstet und keine Lösung hat funktioniert. (Cache leeren brachte nichts, Bei den anderen Browsern Firefox, Explorer und Safari besteht das gleiche Problem( ich habe auch keine Schusselfehler entdeckt). Die beiden Dateien liegen auch im selben Ordner. Liegt es vielleicht an meinem Laptop oder an den Browsern? Ich bin ratlos. Ich hoffe jemand kann mir irgendwie helfen.

Ich habe screenshots von der HTML-Datei und CSS-Datei beigefügt.

...zum Beitrag

Mehrere Html seiten mit einer css Datei?

Kann man mit mehreren Html Dateien auf eine Css datei zugreifen um nicht alles von neu zu kopieren usw. Wenn man für alles eigene classes bzw. ids verwendet zB

...zum Beitrag

Css Datei wird auf dem Handy nicht erkannt?

Moin Leute,

Ich bin dabei eine Website mit responsive Design zu erstellen. Dafür benutze ich externe css Dateien und Bilder. Zum Test habe ich die Seite auf meine Mobile SD Karte geladen und festgestellt, dass mein Handy keine externen Dateien von der HTML Seite erkennt. Mein Ziel ist es sie online zu stellen, sobald sie fertig ist. Da kam mir die Frage auf, ob mobile Geräte die externen Dateien wie css und Bilder erkennen, wenn sie online gestellt wird.

Wäre super wenn mir das jemand sagen kann und vielleicht wie ich es auch lösen kann.

PS: Weiter unten, der Code ^^

...zum Beitrag

.gif Datei als HTML Hintergrund?

Hey Community! ich möchte mittels html & css ein .gif Video als hintergrund in einer .html benutzen. wie wäre dafür der code in html und css?

...zum Beitrag

HTML/PHP/CSS Code funktioniert nicht?

Ich benutze den Code <div class="Box">BOX</div> in einer php Datei und den Code .Box {

background-color: black;

}

in einer css Datei aber bei mir steht dort am ende nur "BOX".

...zum Beitrag

Bei Mac Probleme CSS bei HTML Datei einzubinden?

Hallo,

bei mir funktioniert irgendwie nicht das Einbinden von der CSS Datei in meine Html Datei, hab beide in einem Ordner, richtigen code eingegeben, also nichts verschrieben. Trotzdem funktioniert es bei mir nicht. Könnte es was damit zutun haben, dass meine HTML Datei mit dem Browser geöffnet wird und meine CSS-Datei mit meinem Texteditor (Benutze Atom) oder vielleicht doch etwas anderes. Benutze btw Mac (MacBook Pro) glaube dass das ein wichtiger Faktor ist. Justmacthings!

Edit: Hab nun die Datei hinterlegt, eventuell findet ihr ja den Fehler

...zum Beitrag

Urheberrecht auf HTML Codes?!

Hallo, gilt das Urheberrecht auch auf HTML Codes.

BSP: Ich würde eine Website "programmieren", dürfte dann eine x beliebige Person diese kopieren, die Grafiken, Texte und Links austauschen und diese Website dann als seine benutzen?

Auf welchen Sprachen gibt es Copyright? HTML, CSS, HTML, Javascript?

Vielleicht kennt ihr euch da besser aus. Mit Goolge hab ich auch nichts gefunden.

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen