Почему CSS не колеблется работа над строками таблицы, когда ячейки в строках имеют имена классов?
Я застреваю с этой проблемой, таким образом, любая справка ценилась бы. У меня есть таблица с несколькими строками. Каждая ячейка в строке принадлежит определенному классу. Я использую эти имена классов для окраски ячеек.
Вот одна строка в качестве примера от моей таблицы:
<tr>
<td class = "summarypage-odd-column">Theme</td> <td class = "summarypage-odd-column">Q2 2009</td> <td class = "summarypage-odd-column">Q1 2009</td>
<td class = "summarypage-even-column">Theme</td> <td class = "summarypage-even-column">Q2 2009</td> <td class = "summarypage-even-column">Q1 2009</td>
<td class = "summarypage-odd-column">Business Area</td> <td class = "summarypage-odd-column">Q1 2009</td> <td class = "summarypage-odd-column">Q1 2008</td>
</tr>
Я хотел бы выделить каждую строку, когда пользователь перемещает указатель мыши через любую ячейку в той строке. Таким образом, я использовал следующий код CSS для достижения этого.
tr:hover {
background-color: #FFFAF0; color: #000;
}
к сожалению, это кажется, потому что каждая ячейка данных таблицы имеет имя класса, парение не работает. Но если я удаляю имена классов из ячеек данных, работ при наведении курсора.
Мой вопрос, там любой способ, которым я могу получить вещь при наведении курсора, работающую на строку таблицы при тихом наличии имен классов для ячеек данных таблицы в строке.
4 ответа
Попробуйте следующее:
tr:hover td {
background-color: #FFFAF0; color: #000;
}
Поместите это после существующих объявлений стилей td , которые будут сейф
По умолчанию приложение asp.net перезапускает каждый 15-й раз, когда файл изменяется в виртуальном каталоге, это означает перевешивание частичных перекомпиляций и их веса памяти по сравнению с общей производительностью... вы можете изменить это поведение, но использование памяти может увеличиться, а производительность со временем снизится.
Для этого установите атрибут numRecompingBeforeAppRestart для элемента компиляции , web.config будет иметь элемент, подобный следующему:
<configuration>
<system.web>
<compilation numRecompilesBeforeAppRestart="15">
Значение по умолчанию - 15, вы можете изменить его на все, что хотите, прочитайте ссылку для получения дополнительной информации. Однако это так по причине , не рекомендуется, чтобы ваш динамический контент находился в виртуальном каталоге приложения, лучше всего, чтобы он находился рядом с ним или где-то еще полностью.
-121--1668938-Lua, 130 символов
130 символов - это только размер функции. Функция не возвращает ничего, если совпадение не найдено, что в Lua аналогично возврату false.
function f(t)z={7,1,4,1,1,3,2,3,3}for b=1,#z-1 do
i=z[b]x=t[i]n=z[b+1]if 0<x and x==t[i+n]and x==t[i+n+n]then
return x end end end
assert(f{1,2,1,0,1,2,1,0,2}==1)
assert(f{1,2,1,0,0,2,1,0,2}==nil)
assert(f{1,1,2,0,1,2,1,0,2}==2)
assert(f{2,1,2,1,2,1,2,1,2}==2)
assert(f{2,1,2,1,0,2,2,2,1}==nil)
assert(f{1,2,0,1,2,0,1,2,0}~=nil)
assert(f{0,2,0,0,2,0,0,2,0}==2)
assert(f{0,2,2,0,0,0,0,2,0}==nil)
assert(f{0,0,0,0,0,0,0,0,0}==nil)
assert(f{1,1,1,0,0,0,0,0,0}==1)
assert(f{0,0,0,1,1,1,0,0,0}==1)
assert(f{0,0,0,0,0,0,1,1,1}==1)
assert(f{1,0,0,1,0,0,1,0,0}==1)
assert(f{0,1,0,0,1,0,0,1,0}==1)
assert(f{0,0,1,0,0,1,0,0,1}==1)
assert(f{1,0,0,0,1,0,0,0,1}==1)
assert(f{0,0,1,0,1,0,1,0,0}==1)
Для меня этого не происходит. Убедитесь, что вы добавляете/удаляете только имена классов при проверке их влияния, и убедитесь, что td не имеют собственного фона, покрывающего tr .
Вероятно, вам нужно использовать обозначение !important, чтобы убедиться, что стиль hover переопределяет фон, заданный в классе:
tr:hover {
background-color: #FFFFAF0 !important;
color: #000 !important;
}
Интересно, что это не сработает в IE6, поскольку этот браузер применяет hover только к тегам.
Инструкции CSS в имени класса имеют приоритет над инструкциями Чтобы исправить это, используйте td.summarypage-odd-column: hover, td.summarypage-even-column: hover внутри вашего CSS. Примечание. Если вы используете IE6,: hover работает только со ссылками, то есть: hover. .
Похожие вопросы: