Question

Is there an easy way to target all 3rd layer elements?

For example, my right column layout is as follows:

<div class=right_column>
 <div class=module>
  <div>
   <p></p>
  </div>
 </div>

 <div class=different_module>
  <div>
   <p></p>
  </div>
 </div>
</div>

How do I target both non-classed <div> elements in this instance without specifying each one individually?

Answer 1

You should be able to do something like this

div > div > div{
    /*  styles here */
}

> is a child-selector.

Here it says select and use the div that is a child of a div that is a child of a div.

Here is an example: http://jsfiddle.net/hbXsE/1/

Note: the HTML you provided has a few missing div tags and some closing span tags. I redid it for the example.