Xóa hiệu ứng di chuột qua một ô trong bảng Khởi động Twitter

Question

Tôi đang làm việc trên một ứng dụng web sử dụng Twitter Bootstrap. Trong một quan điểm của chúng tôi, có một bảng sử dụng lớp .table-hover. Có một số ô cụ thể trong bảng mà tôi không muốn làm nổi bật khi phần còn lại của hàng của họ nổi bật. Tôi nên sử dụng quy tắc kiểu nào để đạt được hiệu ứng này?

Đây là bảng điểm của tôi được tổ chức khoảng cách:

<table class="table table-hover"> 
    <thead> 
     <tr> 
      <th /> 
      <th>Header 1</th> 
      <th>Header 2</th> 
      <th>Header 3</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td rowspan="2">Row Group "Heading" 1</td> 
      <td>Content</td> 
      <td>Content</td> 
      <td>Content</td> 
     </tr> 
     <tr> 
      <td>Content</td> 
      <td>Content</td> 
      <td>Content</td> 
     </tr> 
     <tr> 
      <td rowspan="2">Row Group "Heading" 2</td> 
      <td>Content</td> 
      <td>Content</td> 
      <td>Content</td> 
     </tr> 
     <tr> 
      <td>Content</td> 
      <td>Content</td> 
      <td>Content</td> 
     </tr> 
    </tbody> 
</table> 

Tôi muốn làm cho các tế bào mà span 2 hàng không làm nổi bật khi họ đang quét qua.

EDIT:

tôi đã cố gắng CSS này:

td.rowTitle:hover { background-color: transparent; } 

Nó không làm việc, may. Tôi nghĩ rằng đó có thể là do toàn bộ hàng đang được tô sáng, không chỉ là ô ...

Answer 1

Đây là những gì bootstrap CSS trông giống như:

.table-hover { 
      tbody { tr:hover td, tr:hover th 
          { background-color: @tableBackgroundHover; } 
         } 
      } 

Với một chút JQuery:

$('td[rowspan]').addClass('hasRowSpan'); 

Sau đó, bạn có thể sử dụng CSS sau đây để ghi đè lên nó:

tbody tr:hover td.hasRowSpan { 
      background-color: none; /* or whatever color you want */ 
} 

Answer 2

Tôi không chắc phương pháp nào được sử dụng để tạo "những người di chuyển" này, tuy nhiên bạn có thể thêm quy tắc cụ thể để di chuột nếu bạn tách riêng các tế bào đó. Vì vậy, hãy cho các ô đó một tên lớp và sau đó bạn có thể đặt các kiểu/trình di chuyển cụ thể cho chúng.