[gelöst] Suche richtige CSS-Notation
Eingetragen von mario.neudeck (57)am 13.11.2015 - 21:25 Uhr in
Hallo,
ich habe im Firebug mit folgender CSS-Notation erreicht, das die Hintergrundfarbe für einen Bereich verändert wird:
.region.region-secondary-content {
background: white none repeat scroll 0 0;
}Jetzt übertrage ich das genauso in meine CSS-Datei.
Da zieht diese Einstellung nicht. Warum? Irgendwas mache ich an der Notation falsch. Ich bin nicht der CSS-Auskenner, eher Try and Error.
Im div, den ich verändern will, steht folgendes:
<div class = "region region-secondary-content">
Es funktioniert nur, wenn ich diese merkwürdige Notation verwende:
.region region-secondary-content {
background: white;
}
.region-secondary-content {
background: white;
}Sieht irgend jemand den Fehler? Danke für die Aufklärung.
- Anmelden oder Registrieren um Kommentare zu schreiben
bist du sicher, dass die die richtige Style-Datei hast
am 13.11.2015 - 21:29 Uhr
und hast du danach die Caches gelöscht?
Ja, Datei ist richtig, Cache
am 13.11.2015 - 21:38 Uhr
Ja, Datei ist richtig, Cache ist gelöscht.
Der dritte Codeblock führt zu der notwendigen Änderung. Aber ich verstehe nicht, warum. Das sieht alles recht merkwürdig aus.
Zitat: .region
am 13.11.2015 - 22:19 Uhr
.region region-secondary-content {
ist falsch. Es muß heißen .region .region-secondary-content { ...
Ein Klasse wird nun mal mit einem Punkt markiert.
Zitat:.region
am 14.11.2015 - 11:56 Uhr
.region .region-secondary-content{
Nein, das funktioniert leider nicht.
Es funktioniert wirklich nur, wenn ich diese Notation verwende:
.region region-secondary-content {
background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
margin-left: 12px;
margin-right: 12px;
}
.region-secondary-content {
background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
margin-left: 12px;
margin-right: 12px;
}
Diese Notation geht auch nicht:
.region-secondary-content {background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
margin-left: 12px;
margin-right: 12px;
}
Das ist irgendwie alles mehr als komisch. Warum funktioniert das nur, wenn beide Blöcke verwendet werden?
Alles gut. Fehler
am 14.11.2015 - 12:07 Uhr
Alles gut. Fehler gefunden.
Diese Notation funktioniert:
.region-secondary-content {
background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
margin-left: 12px;
margin-right: 12px;
}
Ich hatte weiter oben einen Kommentar drin, der mit
//Was natürlich falsch ist.