You need spaces between the class selectors. Try:
.type1 .redtable{...}
.type2 .redtable{...}
Running them together will cause a match on:
<div class="type1 redtable">...</div>
<div class="type2 redtable">...</div>
dcm
On Dec 22, 8:53 am, Mark Smith <[email protected]>
wrote:
> Hi,
>
> 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
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
-~----------~----~----~----~------~----~------~--~---
