Question

Lets say we have this code:

<div id='m1'>

<div class="c"></div>
<div class="c"></div>
<div class="c"></div>

</div>
<div id='m2'>

<div class="c"></div>
<div class="c"></div>
<div class="c"></div>

</div>

How can i get divs with class ‘c’ that are in div with id ‘m1’? And then set them some css settings…

Answer 1

div#m1 div.c {
    /* Properties here ... */
}

This will apply the properties to all class="c" divs within a div which itself has id="m1".

If you’re asking for how to get them with Javascript, you can use any library that bundles a CSS-type selector library (like Sizzle!) to do this easily.

For example, in JQuery:

$("div#m1 div.c").style(/* something */);

Or in Dojo:

dojo.style(dojo.query("div#m1 div.c"), /* something */);