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

Question

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

如果不使用自定义 javascript 并保持响应能力 Bootstrap 表，这是否可能？

谁能提供建议和/或链接？

Answer 1

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

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

用 .table-responsive 类创建一个父 div 来响应

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

更新

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

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

引用:http://getbootstrap.com/css/#tables