title: How to show a pointer on specific table with css and Twitter Bootstrap?
body: <p>[EDIT]
  Excuse me for asking this hugely stupid question. Please don't waste your time reading it. Just help closing it by voting for a close.</p>
  
  <p>In my (Bootstrap using) website I've got a couple tables, of which on one I want to show a pointer on hover. So to show the pointer I copied the following code from <a href="http://tech.pro/q/1/twitter-bootstrap-css-table-row-cursor-pointer" rel="nofollow">this page</a>:</p>
  
  <pre><code>.table-hover tbody tr:hover &gt; td {
    cursor: pointer;
  }
  </code></pre>
  
  <p>This works perfectly well. I now want to show the pointer ONLY on tables which are of a specific class. So I gave a class to the table I want to show the pointer on:</p>
  
  <pre><code>&lt;form action="" method="post" class="show-pointer-form"&gt;
  </code></pre>
  
  <p>and I added that class to the css:</p>
  
  <pre><code>.show-pointer-form .table-hover tbody tr:hover &gt; td {
    cursor: pointer;
  }
  </code></pre>
  
  <p>Unfortunately, that it doesn't show the pointer at all anymore. Does anybody know what I'm doing wrong here? All tips are welcome!</p>