Изменение курсора при зависании

Я пытаюсь изменить курсор на наведении, когда курсор мыши нависает над таблицей. Вид здесь написан на рубинах. Я попытался просто добавитьИзменение курсора при зависании

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

добавив выше custom.css.scss

А потом я добавил код, приведенный ниже, чтобы мой взгляд

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

Это не похоже на работу. Я знаю, что код css должен быть в каком-то блоке, но я не уверен в точном способе работы, особенно в рубине на рельсах. Любой способ исправить то, что я делаю неправильно?

EDIT:

Спасибо за предложения.

Я попробовал этот

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

Fiddle

источник

2014-12-22 06:44:31

мне нужно, чтобы добавить его в пределах некоторого класса '= "nav nav-tabs custom" 'block? Я имею в виду, как HTML знает, что это класс, который мы называем – Trancey

Извините, непонятно, что вы пытаетесь спросить. –

Я имею в виду, могу ли я просто добавить фрагмент кода anywere в пользовательский файл и ожидать, что он будет работать, но просто добавит в таблицу таблицу «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; 
}

будет применяться стиль как на "ли", поскольку они оба ребенок "ул".

В вашем случае вам необходимо применить css на прямой элемент. Для этого вам не нужно использовать детский комбинатор.

Также вы делаете классы псевдошумов CSS. Эти классы могут непосредственно применяться к элементу. Например. #mycustomid: парить
.mycustomclass: парить
ELEMENTNAME: парить

Проверить прилагаемый jsfiddle код.

http://jsfiddle.net/zgjx7ymr/

источник

2014-12-22 06:37:15

Изменение курсора при зависании

ответ

Смежные вопросы