title: Apply bootstraps tr hover effect to a div
body: <p>I am using Bootstrap for my css themes. The themes are compiled and saved into the database for use later on. This means that the pages only have access to the compiled css and not the less files.</p>
  
  <p>Given that, how can I apply Bootstrap’s <code>tr:hover</code> effect to various divs? I need the color to be the same as what is defined for <code>tr:hover</code> and I can’t use less variables.</p>
  
  <p>Bootstrap's style:</p>
  
  <pre><code>.table tbody tr:hover td,
  .table tbody tr:hover th {
    background-color: #f5f5f5;
  }
  </code></pre>
  
  <p>Is it possible to define a css element based on another one that is assigned to a <code>tr</code>? Is there a way to grab the style using jQuery?</p>
  
  <p>Any suggestions?</p>