nicht angemeldet
Hallo sunny,
Aaaaaaaaaaaaahaaaaaaaaaaaa, jetzt ist alles klar *froi*.
Der Selektorhack funktioniert nicht, wenn das mit der class (hier .promobox) formatierte div in einem anderen div steckt.
setz mal testhalber ein .promobox div direkt unter <body> dann siehst Du das klappt und es wird mit einem roten rahmen angezeigt.
Das kommt daher daß das > in CSS ja eine echte Bedeutung hat:
Das Größer-als-Zeichen (>) verbindet zwei Elemente. Es bezeichnet dabei das zweite Element, wenn es "Kind" des ersten Elements ist. Beispiel:
OL > LI { ... }
/*Alle Li, wenn sie "Kind(er)" von OL sind*/
In deinem Beispiel ist .promobox kind von body mit html als Eltern.
Desshalb funktioniert es nicht, wenn nochmal ein kind(div) dazwischen ist. (ähem, ist jetzt vielleicht etwas konfus ausgedrückt)
Das heißt, Du musst _alle_ Eltern und Kinder angeben :)
Nachdem Dein Projekt doch ziemlich umfangreich ist hab ich jetzt nicht alle divs die ineinander verschachtelt sind auseinandergefieselt (BTW bist Du eigentlich auch Truckerin?)
Aber dafür hier ein einfaches Beispiel (Hab jetzt mal alles unwichtige weggelassen):
<style>
html>body>#eins>.zwei>.drei {
/* für Opera, Mozi und NN6 */
background-image:url(rot.gif);
border:10px solid red;
}
</style>
<html>
<body>
<div id="eins">
<div class="zwei">
<div class="drei">Opera in rot</div>
</div>
</div>
</body>
</html>
Uff, ich hoffe das hilft Dir jetzt bei deinem Projekt und alle Klarheiten sind beseitigt.
Grüße aus Nürnberg,
HarryS