懸停時光標發生變化

我試圖在鼠標光標懸停在表上時更改懸停時的光標。這裏的視圖是用紅寶石欄寫的。我試圖簡單地增加懸停時光標發生變化

.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

回答