title: CSS - How to only apply a style to a div that is inside another div?
body: <p>This would be easier to explain with an example:</p>
  
  <p>I have a div ID that is used many times on my page.</p>
  
  <p>I would like to style only 1 of these div's differently, without changing its name.</p>
  
  <p>Is there a way to style this 1 div, if it is inside another div?</p>
  
  <p>For example, my page contains many of these:</p>
  
  <pre><code>&lt;div id="text2"&gt;Some text&lt;/div&gt;
  </code></pre>
  
  <p>And the one I wish to change is:</p>
  
  <pre><code>&lt;div id="container"&gt;
     &lt;div id="text2"&gt;Some different styled text&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is this possible?</p>
  
  <p>PS. This is all with Wordpress, therefore they are dynamically generated. Adding individual inline CSS with <code>style</code> will not work. This MUST be done in my external CSS sheet.</p>