Question

Here is the code:

<div id="divFrame"> <div> <img /> </div> <div> </div> <p> </p> </div>

I want to select all these elements.
I have tried the following with no luck

#divFrame *
#divFrame > *

Any idea ?

Answer 1

Neither will select all elements. The first will select all descendants (children and grandchildren), while the second only selects the children of the div, namely the two divs and the p, but not the img. Neither will select #divFrame itself.

To select them all, you will need

#divFrame, #divFrame *

This is actionally a combination of two selectors. The first selects #divFrame while the second selects all its descendants.