zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden style in HTML vs. css extern

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.04.2010, 22:56
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.01.2010
Beiträge: 89
hausl78 befindet sich auf einem aufstrebenden Ast
Standard style in HTML vs. css extern

Hallo!

Angenommen ich habe in einer HTML Datei folgenden TAG.

<div class="testklasse" style="color: #ff0000;">

Wenn nun die testklasse blaus ist, habe ich dann eine Chance, dieses rot über die externe Datei irgendwie zu übersteuern oder sonst irgendwie anders extern zu übersteuern?

Danke!
Juergen
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.04.2010, 23:09
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.220
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

Recht gut verständlich ist der Mechanismus hier beschrieben. Die Kaskade
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 14.04.2010, 00:09
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.016
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Oder kurz: Nein, du hast keine Chance das von anderer Stelle zu überschreiben.
Mit Zitat antworten
  #4 (permalink)  
Alt 14.04.2010, 00:26
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.220
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

Hat er nicht?

Code:
<!doctype html>
<link rel="stylesheet" type="text/css" href="test.css" /> 
<div style="color: red;">Testkaskade</div>



Inhalt der test.css

div {
	color: blue !important;
	}
Mit Zitat antworten
  #5 (permalink)  
Alt 14.04.2010, 21:45
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.016
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Interessant, ich war mir sicher, dass auch important hier nicht weiterhilft.

Gehen tut es also, hässlich ist es trotzdem.
Mit Zitat antworten
  #6 (permalink)  
Alt 14.04.2010, 22:39
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Teilweise aber nicht zu verhindern (weil wg. Javascript :P )
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #7 (permalink)  
Alt 14.04.2010, 23:45
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.016
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Zitat:
Zitat von Thielo Beitrag anzeigen
Teilweise aber nicht zu verhindern (weil wg. Javascript :P )
Doch, das ist sehr wohl zu verhindern. Du wirst in 99% meiner "Werke" kein einziges important finden.

Javascript sollte in der Regel Klassen setzen und nicht direkt CSS-Eigenschaften ändern. In den Fällen wo es doch nötig ist (Animationen) hilft dir auch kein important im Stylesheet.
Mit Zitat antworten
  #8 (permalink)  
Alt 14.04.2010, 23:49
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Zitat:
Zitat von inta Beitrag anzeigen
In den Fällen wo es doch nötig ist (Animationen) hilft dir auch kein important im Stylesheet.

Die Fälle meinte ich... wobei meintest du mit "Gehen tut es also, hässlich ist es trotzdem" nicht die Inline CSS formatierungen? dann hab ich mich vertutet da Die meinte ich nämlich
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #9 (permalink)  
Alt 14.04.2010, 23:57
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.016
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Achso, da haben wir etwas aneinander vorbeigeredet. Inline-Style braucht man aber auch so gut wie nie, erst recht nicht für Javascript. Wenn man mit einer serverseitigen Sprache unbedingt etwas setzen möchte/muss, dann kommt man wohl nicht drumherum.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 20.04.2010, 19:05
Benutzerbild von pmmueller
Autor von "Little Boxes"
XHTMLforum-Mitglied
 
Registriert seit: 18.01.2005
Ort: Groningen (Niederlande)
Beiträge: 292
pmmueller sorgt für eine eindrucksvolle Atmosphärepmmueller sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von inta Beitrag anzeigen
Interessant, ich war mir sicher, dass auch important hier nicht weiterhilft.
Der Browser sammelt bei der Gestaltung eines HTML-Elements zunächst alle relevanten Deklarationen im CSS. Danach gibt es drei Möglichkeiten:
  • Keine Deklaration => Vererbung oder Standardwert
    Findet der Browser keine Deklaration, prüft er, ob die Eigenschaft vererbt wird. Wird nichts vererbt, nimmt er den Standardwert.
  • Eine Deklaration => Fertig
    Findet der Browser genau eine Deklaration, nimmt er diese zur Gestaltung des Elements.
  • Mehrere Deklarationen => Kaskade
    Findet der Browser mehrere Deklarationen, werden diese nach Wichtigkeit (!important), Spezifität (Typ, Klasse, ID, Inline) und bei gleicher Spezifität nach Reihenfolge sortiert, bis ein eindeutiger Gewinner feststeht.
Die folgende Grafik visualisiert diesen Prozess und zeigt den "Browser auf der Suche nach einem Wert":


Quelle: Little Boxes Teil 1 - Die Kaskade"

Zitat:
Zitat von inta Beitrag anzeigen
Gehen tut es also, hässlich ist es trotzdem.
Nicht wirklich. Es ist genau für Situationen wie in diesem Thread beschrieben. Beispiel:

- Ein Webdesigner schreibt die Farbe ins Stylesheet
- Ein pfiffiger CMS-Redakteur überschreibt sie mit einem Inline-Style
- The Empire strikes back: Der Webdesigner macht die Deklaration !important

Das ist Kaskade
__________________
HTML & CSS lernen: »Einstieg in CSS« + »Flexible Boxes« | CMS lernen: »Websites erstellen mit Contao«
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
HTML und CSS trennen einshoch CSS 5 17.06.2009 20:37
CSS Style entspricht nicht ganz dem Wunsch Crytsep CSS 6 18.05.2009 09:15
Problem mit CSS Style flo007 CSS 3 25.01.2009 18:08
Womit schreibt ihr euer HTML / CSS? Carolin Offtopic 37 14.01.2009 13:50
DIV immer ganze Breite - normal?!?!? csski CSS 3 02.07.2008 13:20


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:45 Uhr.