title: CSS apply to all inside div but skip first child
body: <p>i'm a beginner and have a question. </p>
  
  <p>The goal : Render a bar under all ".title-title" classes NOT not the first one. </p>
  
  <p>I made that and it's working great but for the purpose of learning I would like to see a better/one line/pro solution maybe ?</p>
  
  <p>Thanks for your advices.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#second .title-title:after,
  #third .title-title:after {
    content: "";
    display: block;
    width: 40%;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    border: 1px red solid;
  }
  
  /* Part of my own external bootstrap rip off LUL */
  .py-ta-c {
    text-align: center;
  }
  
  .py-mb-m {
    margin-bottom: 10%;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="first" class="py-ta-c py-mb-m"&gt;
   &lt;h2 class="title-title"&gt;First&lt;/h2&gt;
   &lt;h4 class="title-subtitle"&gt;Exclude me&lt;/h4&gt;
  &lt;/div&gt;
  
  &lt;div id="second" class="py-ta-c py-mb-m"&gt;
   &lt;h2 class="title-title"&gt;Second&lt;/h2&gt;
   &lt;h4 class="title-subtitle"&gt;Include me&lt;/h4&gt;
  &lt;/div&gt;
  
  &lt;div id="third" class="py-ta-c py-mb-m"&gt;
   &lt;h2 class="title-title"&gt;Third&lt;/h2&gt;
   &lt;h4 class="title-subtitle"&gt;Include me&lt;/h4&gt;
  &lt;/div&gt;
  
  &lt;!-- AND SO ON --&gt;</code></pre>
  </div>
  </div>
  </p>