Regel wird von page.css immer überschrieben

[Ugenmeister]

Guten Tag.

Ich habe in meiner Custom theme.css eine Regel erstellt (.submit, input.submit[type="submit"], button.submit[type="submit"], button.submit[type="button"]).
Genau die gleiche Regel, die im Browser in Firebug angezeigt wird. In dieser Regel habe ich eigene Einstellungen gemacht. Lade ich sie allerdings hoch und überprüfe die Seite im Browser, so wurden keine Änderungen am Design vorgenommen.

Wenn ich mit Firebug nachschaue dann wird als erste MEINE erstellte Regel in der theme.css geladen und gleich danach die JTL-Eigene in der page.css. Und DIE hat dann natürlich Gültigkeit.

Das verstehe ich allerdings nicht. Denn wenn die gleiche Regel in der Custom theme.css vorhanden ist, dann hat DIESE Vorrang.
Wo könnte hier das Problem liegen?
DANKE

 

[christian1701]

AW: Regel wird von page.css immer überschrieben

Hast du auch im Template auf Benutzerdefiniert umgestellt?

 

[Ugenmeister]

AW: Regel wird von page.css immer überschrieben

Ja. Alle anderen Änderungen, welche ich in der theme.css bisher gemacht habe, funktionieren. Nur DIESE nicht.

 

[WIMA Webdesign]

AW: Regel wird von page.css immer überschrieben

Schick mal nen Link dazu oder setz hinter deine Anweisung !important also z.B.
color: #000000 !important;

 

[casim]

AW: Regel wird von page.css immer überschrieben

Denn wenn die gleiche Regel in der Custom theme.css vorhanden ist, dann hat DIESE Vorrang.
Wo könnte hier das Problem liegen?

Nicht ganz korrekt.

Es kommt nicht nur auf die Reihenfolge an, welche css-Datei zuerst / danach geladen wird, sondern auch welche css-Selektoren für die Style-Definition verwendet werden.

 

[Ugenmeister]

AW: Regel wird von page.css immer überschrieben

Wie meinst du das casim? Kannst du mir bitte mal ein Beispiel nennen?

 

[martinwolf]

AW: Regel wird von page.css immer überschrieben

HTML

<div class="highlight">
  <p class="text">Dies ist ein Test</p>
  <small>Kleiner Infotext</small>
</div>

.highlight .text {
  color: #ff00ff;
}

.text{
  color: #ff0000;
}

Die obere CSS Deklaration hat Vorrang obwohl sie in der Reihenfolge hinter steht, weil der Selektor näher klassifiziert ist.

 

[Ugenmeister]

AW: Regel wird von page.css immer überschrieben

Okay, das verstehe ich soweit. Danke für die ausführliche Beschreibung.

Was ich aber nicht versteh ist, dass wenn ich die 100% identische Deklaration eingebe (in meiner custom theme.css) genau diese Deklaration in der page.css NACH meiner geladen wird. Natürlich mit ganz anderen Werten, die dann auch im Template so angezeigt werden (was ich ja nicht möchte).
Ich habe das bereits mit JTL besprochen und sie werden das mit den Programmierern mal überprüfen. Vielleicht liegt hier ja ein Fehler vor.
Schönes WE zusammen...

 

[casim]

AW: Regel wird von page.css immer überschrieben

Mal Link zu deiner Seite dann lässt sich das einfacher sagen