Peter: Verwendung zweier CSS-Dateien

SELF-Forum

Verwendung zweier CSS-Dateien

Peter
– Informationen zu den Bewertungsregeln

Hi,
ich hatte ursprünglich (für Firefox) in meiner CSS-Datei definiert

  
    ...  
    -moz-box-shadow: 2px 2px 1px 1px #3E3E00;

Jetzt habe ich eine weitere Seite, in der der Schatten anders aussehen soll, sonst aber soll alles gleich bleiben.
Ich habe daher in der obigen Datei die Farbangabe entfernt und in einer zweiten CSS-Datei (die auch nach der ersten im HTML aufgerufen wird)
definiert:

  
    ...  
    -moz-box-shadow: #3E3E00;

Aber jetzt ist der Schatten nicht mehr wie in der ursprünglichen Version.
Woran mag dies liegen?

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Verwendung zweier CSS-Dateien

    Matthias Apsel Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Om nah hoo pez nyeetz, Peter!

    1. Firefox kann inzwischen (seit Version 4! - 4.0 nicht 4-Fakultät *g*) box-shadow ohne Präfix.
    2. Du kannst nicht einfach die Werte von den Eigenschaften auseinander reißen und erwarten, dass aus zwei halbrichtigen Werten ein richtiger zusammengebaut wird. Eine fehlende Farbangabe wird mit der Schriftfarbe des Elements initialisiert, fehlende Verschiebungsangaben sollten keinen gültigen Wert liefern.

    Vorschlag:

    gib (z.B.) dem Body-Element der besonderen Seite eine ID und verwende

    myElem { box-shadow: 2px 2px 1px 1px #3E3E00;}  
  
#meine_besondere_Seite myElem { box-shadow: 2px 2px 1px 1px black;}

    Matthias

    --
    1/z ist kein Blatt Papier.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Verwendung zweier CSS-Dateien

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    @@Peter:

    nuqneH

    ich hatte ursprünglich (für Firefox) in meiner CSS-Datei definiert

    ...
        -moz-box-shadow: 2px 2px 1px 1px #3E3E00;

      
In den 3 Punkten verstecken sich die entsprechenden Deklarationen mit den Präfixen für andere Browser, die das Feature ebenfalls unterstützen? Oder sollen Nutzer anderer Browser nicht in dessen Genuss kommen? Du entwickelst doch nicht nur für Firefox, oder?  
  
Allgemein sollte man erst die Deklarationen mit Präfixen für alle(!!) Browser notieren, die das Feature unterstützen, wobei sich die Syntax durchaus unterscheiden kann. (Dabei sollte -webkit- zuerst stehen, weil das auch von manch anderen Browsern ausgewertet wird.)  
  
Zuletzt dann die präfixfreie Deklaration, sofern das Feature schon in einer W3C-Spezifikation steht, die über einen ersten Working Draft hinausgeht.  
  
Die aktuelle Browserunterstützung eines Features kann auf [caniuse.com](http://caniuse.com/) nachgesehen werden; in diesem Fall [box-shadow](http://caniuse.com/css-boxshadow).  
  
Hier ist es aber nicht nur so, dass Firefox box-shadow seit Urzeiten präfixfrei unterstützt (wie Matthias [anmerkte](https://forum.selfhtml.org/?t=212778&m=1453822)), sondern soger so, dass Firefox die Eigenschaft -moz-box-shadow mit Präfix NICHT MEHR unterstützt.  
  
Was für eine Uralt-Version des Firefox verwendest du, dass du noch einen Schatten siehst? Du sollten dringend deinen Firefox updaten.  
  
Qapla'

-- 
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln