I have a div with a class attribute that appears several times on my page, but I want to affect only the first iteration with CSS. Each time it appears, it's inside a bunch of other divs. The one that I want to affect is within 8 divs, the top one of which has a unique ID. This is what the 8 divs look like in my XHTML:
<div class="floatbox ie_fix_floats">
<div class="topblock width100 float-left">
<div class="module default">
<div class="module-4 deepest">
The div I want to affect is the bottom one, with div class 'module-4 deepest'. Eight levels of divs up is the div with the unique ID: 'top'.
Is there some way to write the css so as to effect only the div with class 'module-4 deepest' inside of the div with ID 'top'?