使用CSS和Bootstrap 3来突出显示当前悬停在html表中的行和列

Question

我希望能够使用Bootstrap 3或/和plain css来突出显示html表中当前悬停的行和列.

这是否可以在不使用自定义javascript并保持 Bootstrap表的响应性的情况下实现？

任何人都可以提供建议和/或链接？

Answer 1

添加.table-hover以在表行上启用悬停状态

<table class="table table-hover">
  ...
</table

创建一个父类div,其中包含.table-responsive响应性类

<div class="table-responsive">
  <table class="table table-hover">
    ...
  </table>
</div>

UPDATE

:nth-child()用于识别:hover列号的解决方案

演示 http://jsfiddle.net/kGz9E/

参考:http://getbootstrap.com/css/#tables