> I have a definition list where each dt has an id.  I'd like to style
> each dd depending on the preceeding dt.
> 
> Is there a CSS only way to simulate the adjacent selector for IE6?  I
> haven't been able to find anything on google.
 

I think your only cross-browser option is to do the following:

 <dl>
    <dt id="one">One</dt>
    <dd>Not the magic Number</dd>
    <dt id="two">Two</dt>
    <dd>The second loneliest number</dd>
    <dt id="three">Three</dt>
    <dd>It's the magic number</dd>
</dl>

dt#one dd {
    color: blue;
    }
dt#two dd {
    color: red;
    }
dt#three dd {
    color: green;
    }

This is pretty much doing the same thing, unless this is what you were
trying to avoid all together.  I'm not 101% sure, but I think this is your
only option...until about 2010 or later.

-- 
Jono Young
Designer | Developer | Illustrator
Charleston Web Solutions
"Bringing Higher Standards to the Lowcountry"
http://www.charlestonwebsolutions.com/



______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to