zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden !important

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 16.10.2010, 23:06
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 16.09.2009
Beiträge: 601
Muamicus wird schon bald berühmt werden
Standard

Welche Ehre,

der Profi höchstpersönlich

Meinst du damit,:

Code:
Wenn der Redakteur jetzt in seine Anweisung !important schreibt, überschreibt seine Gestaltung auf jeden Fall alle Styles des Webdesigners, solange dieser nicht auch !important dahinter geschrieben hat. Völlig egal, welche Spezifität der Style hat und ob er weiter oben oder unten steht.
dass er (der Redakteur) unabhängig von der CMS -CSS seine eigene CSS-Datei schreibt um dort individuelle Veränderungen vorzunehmen und somit durch !imp. diese bereits geschriebene #id somit überschreibt?

Nur der Browser liest von oben nach unten, dh

@import url("1.css");

@import url(2.css");

in 1.css (die originale CSS) würde stehen p {color:red;}
in 2.css (meiner dazu geschriebenen CSS) p {color:green !importent;}

in 2.css kann ich somit das !imp auch weglassen da 2.css in der Hierarchi nach der 1.css kommt und somit überschrieben wird.

oder meintest du es ganz anders?

Sorry wenn ich mich in der Hinsicht so doof anstelle aber hmm verstehe den Sinn dahinter nicht
Mit Zitat antworten
Sponsored Links
  #12 (permalink)  
Alt 16.10.2010, 23:18
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

Dein Beispiel stimmt. Im zweiten Stylesheet ist kein !important nötig, da es nach dem ersten geladen wird. Styles aus dem zweiten Stylesheet gewinnen somit gegenüber Styles aus dem ersten, jedenfalls bei gleicher Punktzahl im Selektor.

===

Der Redakteur wird kein ganzes Stylesheet schreiben, sondern eher Inline-Styles benutzen wie <p style="font-size: 16px;"> oder sowas in der Art. Die würden mit 1000 Punkten meistens auch in der dritten Runde ("Sortiere nach Spezifität") gewinnen, aber das mit den Redakteuren ist auch nur ein Beispiel.

Hier eine konkrete Situation, die ich letztens hatte:
Im (übrigens hervorragenden) gehosteten CMS Jimdo kann der Benutzer zwischen diversen fertigen Layouts auswählen. Das Stylesheet für die Layouts kann der Benutzer natürlich nicht editieren.

Um trotzdem Teile der automatisch generierten Webseiten anders gestalten zu können, gibt es bei Jimdo die Möglichkeit, einen Style-Block im Head der Seite zu hinterlegen. Wenn man dort dann !important hinter eine CSS-Anweisung schreibe, kann man ziemlich sicher sein, dass sie vom Browser genommen wird, auch wenn der Style weniger Punkte hat oder das externe Stylesheet nach dem Styleblock geladen werden sollte.

===

Merke dir einfach, dass !important in komplexeren Umgebungen durchaus seinen Sinn hat. In deinen selbst geschriebenen Stylesheets wirst du es eher selten benutzen müssen.
__________________
HTML & CSS lernen: »Einstieg in CSS« + »Flexible Boxes« | CMS lernen: »Websites erstellen mit Contao«

Geändert von pmmueller (16.10.2010 um 23:21 Uhr)
Mit Zitat antworten
Sponsored Links
  #13 (permalink)  
Alt 16.10.2010, 23:34
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 16.09.2009
Beiträge: 601
Muamicus wird schon bald berühmt werden
Standard

Sehr schön erklärt.

So ergibt natürlich alles einen Sinn auch wenn man es vlt sehr selten oder gar nicht gebrauchen wird.

100 Punkte fürs erklären.

P.S. Das Buch "little Boxes" kannte ich nur vom Namen bei Amazon her. Habe auf der Seite mal ein wenig recherchiert. Sie hat schon einen Platz in meinen Lesezeichen gefunden.

Suche seit langem nach einer Möglichkeit um pos:fix; für den IE < 6 zu realisieren. Bei dir wurde mir geholfen

P.P.S.das CSS Jimdo werde ich mir mal näher ansehen

Vielen Dank.
Mit Zitat antworten
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
Abstand eines Elementes lässt sich nicht verringern zeitweise CSS 2 28.04.2009 23:19
Myspace problem... Rechte Säule verschiebt sich im IE. calledmarcel CSS 1 27.02.2009 10:12
Float-Reihenfolge? wolf1985 CSS 0 21.08.2008 02:35
Float - Probleme wolf1985 CSS 5 19.08.2008 09:14
Footer left und right Probleme... wolf1985 CSS 2 14.08.2008 14:04


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:42 Uhr.