title: Change color of bootstrap 4 beta table row border?
body: <p>I'm trying to change the border-top color of Bootstrap table.<br></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;table class="table"&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;td&gt;Parent&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td&gt;Mama&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>CSS</strong> I've tried<br></p>
  
  <pre><code>table &gt; tr{
    border-top: black;
  }
  
  table &gt; tr &gt; td{
    border: 1px solid red !important;
  }
  </code></pre>
  
  <p><strong>FIDDLE</strong><br>
  <a href="https://jsfiddle.net/o9b17p2d/43/" rel="nofollow noreferrer">https://jsfiddle.net/o9b17p2d/43/</a></p>
  
  <p>As seen in the fiddle.<br>
  I'd like to change the color of the line between Parent &amp; Mama.</p>