Wenn in body eine Hintergrundfarbe definiert ist, dann ist diese Farbe auf der kompletten Seite und schlägt auf alle div's durch, soweit nicht abweichend definiert.
Also brauchst du solche Konstruktionen doch gar nicht.
Oder ist das nicht das Problem?
Greg10,
body div.1 + div.2 {
background-color:red;
}div.1, div.2 {
background-color:red;
}body div.1 + div.3{
background-color:red;
}ist doch egal + steht für und
nein + steht nicht für und^^
zumindest laut selfhtml
1. code funktioniert nur wenn die divs direkt hintereinander stehen (das tun sie bei mir nicht)
2.code weist generell den beiden kalssen eine hitergrund farbe zu, das soll aber NUR der fall sein, wenn auch ein zweiter div vorhanden ist
3.code ist wie 1. nur mit ner andren klasse
was ich konkret will:
ein dropdown mit css, allerdings nicht mit einer liste, sondern mit einem div und einem link, beide sind in ein und dem selben eltern-tag
ich dachte mir dass so, dass ich mit diesem operator den div dann display-block zuweise, wenn die pseudoklasse a.nav:hover auch enthalten ist, da link und div allerdings nicht direkt hintereinander stehen tuts der + operator halt nich 
Greg10,
+ = und schon nur unter folgender Bedingung:
Plus-Verknüpfung
Mit der Plus-Verknüpfung werden in CSS 2 weitere Möglichkeiten wahr. Über die Plus-Verknüpfung kann man Elemente ansprechen, die direkt aufeinandern folgen.p + strong {color: #ff0000}
Für mehr ist es nicht gedacht.
und die wird nicht erfüllt^^
Zitat von Greg10(das tun sie bei mir nicht)
yeti, beim plus wirkt das nur auf den hinteren "summanden".
aber wass hat es denn mit den classes 1 und 2 auf sich?
also als ich mir denn dropdown gebastelt habe, der funktioniert, hatte ich auch das problem, dass der nicht alle gezeigt hat und so.
Ich war dann doch dazu gezwungen, die sublinks alle in ein <ul>[*] zu packen.
Ich hab dann das a.main:hover + ul li.submenu a gemacht.
Dadurch werden alee as im li angesprochen.
statt ul li kannst du zwar div oder so benutzen, das hat aber dann den nachteil, dass das dropdown wahrscheinlich beim rüberfahren über die links auf jeden fall sich nicht vollständig erhalten lässt, deshalb dann li.submenu:hover benutzen.
Das funktioniert
Viele liebe Grüße
The User
Hi
body div.1+div.2
+ = Benachbarte Stielregel: Legt eine bestimmte Reihenfolge fest, in der HTML/XHTML-Befehle aufeinander folgen müssen, damit die Stilregel angewandt werden kann.
body div.1>div.2
> = Vater-Kind-Stielregel: Gilt nur in Kombination Vater-Kind(auf Schachtelungsstruktur bezogen).
Denke mal, wenn ich deine Frage richtig verstanden habe, ist das die Lösung für dich.
Aber gegen JS ist auch nichts einzuwenden oder einfach mit Pseudo-Klassen umsetzen.
mfg
Wär vieleicht mal ne Hilfe dein Quälcode zu sehen!
wie wäre es mit:
div.navi a.drpd:hover+div.drop { display: block; } oder visibility: visible
Das wäre doch ganz einfach!
Ja es gibt die Möglichkeit mit dusplay: none und visibility: invisible.
Aber das geht ja nicht weils folgen muss, also was ich gerade geschrieben habe geht nicht.
Also machs so:
<div class="navi">
<a class="drpd">
Text
</a>
<div class="direktdanach">
<img> und was da noch so war
<div class="drop">
Das Unsichtbare
</div>div.navi a.drpd:hover+div.direktdanach div.drop { display: block; }
Das Unsichtbare sollte aber kein Link sein, sonst kannst du den nicht drücken.
Also Greg hat es mir im Chat nochmal erklärt:
Wenn man einen Link anklickt, soll ein bestimmter Bereich sichtbar werden.
Meine Lösung funktioniert zwar nur mit CSS, allerdings wird der Bereich wieder ausgblendet, wenn man mit dem Cursor das Browserfenster verlässt.
Es werden hoffentlich nicht alle das Browserfenster verlassen, und die meisten Besucher werden es für ihren Fehler halten 
CSS: (mit ein paar hintergrundfarben, hab ich gemacht, um zu sehen, ob die dinger jetzt wirklich da sind, und ob die eigenschaften wirken)
div.all { display: none; position: absolute; left: 0; top: 0; z-index: 0; height: 100%; width: 120%;}
div.activator { height: 100px; width: 250px; background-color: #ff0000;}
div:active.activator+div.all {display: block; }
div:hover.all {display: block; }
div.invisible { display: none; }
div:hover.all+div.invisible { display: block; z-index: 100; }
HTML:
<div class="activator">
Hallo!
</div>
<div class="all">
</div>
<div class="invisible">
Hier bin Ich!
</div>Ich hoffe das reicht!
The User