title: change color in table for a button
body: <p>I have a html table</p>
  
  <pre><code>    &lt;table class="table table-no-bordered table-hover"&gt;
          &lt;thead&gt;
            &lt;tr&gt;
              &lt;th&gt;ip&lt;/th&gt;
            &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
            &lt;tr&gt;
              &lt;td&gt;
                  &lt;input type="text" name="ip"&gt;
                  &lt;button name="nextIpAddress" type="button" class="btn btn-link"&gt;Next&lt;/button&gt;
              &lt;/td&gt;
            &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>When i hover it  my css look like</p>
  
  <pre><code>    .table-hover tbody tr:hover td, .table-hover tbody tr:hover th{
          background: #398439 !important;
          color: whitesmoke !important; 
      }
  
      .btn-link:hover{
  
      }
  </code></pre>
  
  <p>only in the case of the table, when there is button  i want to display it it's text with white color (same thing if i hover the link)</p>
  
  <p>Solution</p>
  
  <p>.table-hover tbody tr:hover td .btn-link</p>