CSS classes within classes

[Mark Smith]

Hi,

Apologies if this is OT, but I could not find any active groups
dedicated to CSS-

Is it possible to define a css class with a particular style that will
only be applied when it is nested within another class? For example,
suppose I have 2 parent classes (type1, and type2) and 1 child class
(redtable):

<div class="type1"><div class="redtable">...</div></div>
<div class="type2"><div class="redtable">...</div></div>

I want the 2 "redtable" classes to be rendered completely differently
due to their contexts. I thought I could apply the following css:

..type1.redtable{...}

..type2.redtable{...}

But that doesn't have any effect at all.

(Note, I can't use IDs, because the PHP backend could dynamically
create any number of instances, each one needs a unique ID for the
javascript to work)

Thanks for any help

 

[Kevin Scholl]

Hi,

Apologies if this is OT, but I could not find any active groups
dedicated to CSS-

Is it possible to define a css class with a particular style that will
only be applied when it is nested within another class? For example,
suppose I have 2 parent classes (type1, and type2) and 1 child class
(redtable):

<div class="type1"><div class="redtable">...</div></div>
<div class="type2"><div class="redtable">...</div></div>

I want the 2 "redtable" classes to be rendered completely differently
due to their contexts. I thought I could apply the following css:

.type1.redtable{...}
.type2.redtable{...}

Close, just need a space, like so:

..type1 .redtable{...}
..type2 .redtable{...}

If you know that these classes will be assigned to DIVs, then you coul
be more specific:

div.type1 div.redtable{...}
div.type2 div.redtable{...}

 

[Kevin Scholl]

Hi,

Apologies if this is OT, but I could not find any active groups
dedicated to CSS

Oh, and for your future reference, CSS-related questions can be posted
here:

comp.infosystems.www.authoring.stylesheets

 

[Mark Smith]

Oh, and for your future reference, CSS-related questions can be posted
here:

comp.infosystems.www.authoring.stylesheets

Excellent, thanks a lot!