title: How do I apply styles to an element with a specific class?
body: <p>I want every link in the <code>container-1</code> div to have the property <code>text-decoration: underline;</code>. How can I achieve this without also changing the <code>container-5</code> div's links?</p>
  
  <pre><code>&lt;div class="container-1"&gt;
      &lt;div class="container-2"&gt;
          &lt;a href="#"&gt;Link 1&lt;/a&gt;
  
          &lt;div class="container-3"&gt;
              &lt;a href="#"&gt;Link 2&lt;/a&gt;
          &lt;/div
      &lt;/div&gt;
  
      &lt;div class="container-4"&gt;
          &lt;a href="#"&gt;Link 3&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="container-5"&gt;
      &lt;div class="container-6"&gt;
          &lt;a href="#"&gt;Link 4&lt;/a&gt;
  
          &lt;div class="container-7"&gt;
              &lt;a href="#"&gt;Link 5&lt;/a&gt;
          &lt;/div
      &lt;/div&gt;
  
      &lt;div class="container-8"&gt;
          &lt;a href="#"&gt;Link 6&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>