css - 悬停时光标变化

Question

我试图在鼠标光标悬停在表格上时更改悬停时的光标。这里的 View 是用 ruby​​-rails 编写的。我尝试简单地添加

.custom > table:hover·
{
    cursor: wait;
}

将以上内容添加到 custom.css.scss

然后我将下面的代码添加到我的 View 中

<table class="nav nav-tabs custom">

这似乎行不通。 我知道 css 代码必须在某个 block 内，但我不确定具体的处理方式，尤其是在 ruby​​ on rails 中。有什么方法可以纠正我做错的事情吗？

编辑:

感谢您的建议。

我试过了

table.custom:hover{
    cursor:wait;
}

虽然这适用于表头，但它不适用于呈现表中数据的部分:

  <table style="display:none" class="nav nav-tabs custom">
      <%= render ClassName.new, :index => 'N_TYPE' %>
  </table>

和类似这样的渲染列

<td><%= label_tag :p_type, p_type.p_type %></td>

Answer 1

.custom > table:hover·
{
    cursor: wait;
}

您的 CSS 所做的是在具有类 .custom 的选择器中查找子 表。所以它不适用于您的 HTML。

正确的做法是

table.custom:hover{
    cursor:wait;
}

查找类名为 .custom 的表并应用 CSS

Fiddle