DotNetNuke und CSS Dateien – Reihenfolge

Welches Format aus welcher CSS Datei wird wann und vor welcher berücksichtigt?

Diese Frage möchte ich mit diesem Beitrag ein wenig näher erläutern.

Hier die Reihenfolge in welcher die CSS Dateien von DotNetNuke verarbeitet werden:
  1. module.css der jeweiligen Module auf der Seite werden geladen (wenn Module eigene CSS Dateien haben).
  2. default.css aus dem Verzeichnis [DNNRoot]\Portals\_default
  3. skin.css aus dem Skin Verzeichnis. Im Beispiel den DNN-Blue Standard-Skin ist das [DNNRoot]\Portals\_default\Skins\DNN-BLUE
  4. container.css aus dem Container Verzeichnis. Im Beispiel des DNN-Blue Containers ist das [DNNRoot]\Portals\_default\Containers\DNN-BLUE
  5. portal.css aus dem Portal Verzeichnis. Im Beispiel des Standard-Portals nach der Installation von DotNetNuke ist das [DNNRoot]\Portals\0
Was wenn nun gleiche Klassen in verschiedenen CSS Dateien unterschiedlich deklariert sind?

DotNetNuke macht keinen Gebrauch von der Möglichkeit sich ergänzender externer CSS Dateien, sondern die CSS Dateien werden von DotNetNuke alle in einer bestimmten bereits oben erwähnten Reihenfolge geladen.

Der Gewinner dabei ist, die Definition einer CSS Klasse in der letzten CSS Datei in welcher die Definition vorgenommen wurde.

Ein einfaches Beispiel:

für H2 wurde in der container.css folgendes definiert:

H2 {
  
FONT-WEIGHT: normal;
  
FONT-SIZE: 20px;
  
COLOR: black;
  
FONT-FAMILY: Tahoma, Arial, Helvetica
  
}

nehmen wir weiter an dass in der portal.css auch das H2 Attribut definiert ist und zwar wie folgt:

H2 {
  
FONT-WEIGHT: bold;
  
FONT-SIZE: 16px;
  
COLOR: red;
  
FONT-FAMILY: Tahoma, Arial, Helvetica
  
}

Dann wird die Ausgabe einer in H2 eingeschlossenen Tags in Roter Fetter Schrift in Schriftgröße 16px in unserem Browser dargestellt.

Hier so wird es aussehen !

und nicht so!

Der Grund dafür ist, dass die letzte Definition in der Reihenfolge der verwendeten CSS Dateien immer als gültig angewendet wird

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.