悬停时光标发生变化

我试图在鼠标光标悬停在表上时更改悬停时的光标。这里的视图是用红宝石栏写的。我试图简单地增加悬停时光标发生变化

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

将上述以custom.css.scss

然后，我添加了下面的代码，以我的观点

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

这似乎并没有工作。我知道css代码必须位于某个块内，但我不确定如何使用它，特别是在轨道上的ruby。任何方式来纠正我做错了什么？

编辑：

感谢您的建议。

我想这

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>

2014-12-22 Trancey

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

你的CSS所做的就是寻找一个孩子表带班.custom选择内。所以它不适用于你的HTML。

正确的方法是

table.custom:hover{ 
    cursor:wait; 
}

其查找表与类名.custom和应用CSS

2014-12-22 06:44:31

我需要它的一些'类中添加= “导航导航标签自定义”'块？我的意思是我们如何将HTML知道这是我们所指的类 – Trancey

对不起，你不明白你想问什么。 –

我的意思是我可以简单地将任何代码片段附加到自定义文件中，并期望它能够正常工作，但只需在表格中添加class =“nav nav-tabs custom”？好吧，我出于某种原因尝试了它不起作用。 – Trancey

有没有孩子table下的元素类custom。像这样尝试。

table.custom:hover 
{ 
cursor:wait; 
}

2014-12-22 06:25:01

在你的风格中，你已经使用了子组合器“>”。子组合器用于将CSS应用于所选元素的子元素。例如。
HTML：

<ul> 
    <li>First</li> 
    <li>Second</li> 
</ul>

CSS：

ul > li { 
width: 100px; 
}

将应用样式上都 “礼”，因为他们都是 “UL” 的孩子。

在你的情况下，你需要在直接元素上应用css。为此，您不需要使用子组合器。

另外你正在做的CSS伪类。这些类可以直接应用于元素。例如， #mycustomid：悬停
.mycustomclass：悬停
的ElementName：悬停

检查连接的jsfiddle代码。

2014-12-22 06:37:15

回答