Наследование паролей таблицы CSS

Question

Пытаясь понять, что происходит, может быть, кто-то может объяснить.После :HOVER я хочу, чтобы все содержимое таблицы стало прозрачным.Это работает для текста внутри td упаковщиков.Однако текст внутри оболочки span не знает, что он должен быть прозрачным.

Если я удаляю color:#897 из CSS span, он внезапно делает то, что мне нужно, и весь текст становится прозрачным.Я попробовал все виды трюков с CSS, но безрезультатно, таблица отказывается распознавать span как потомка table.Что не так и как это исправить, если возможно.

Answer 1

Причина в том, что вы определяете цвет в SPAN как table#Factors span и определяете ваше наведение table#Factors:hover Так что color из SPAN по-прежнему переопределяет table#Factors:hover цвет класса. Напишите так:

table#Factors:hover span{
  color:transparent;
}

Проверьте это http://jsfiddle.net/AyNg3/

Прочитайте это больше http://diythemes.com/thesis/css-specificity-thesis/

Answer 2

jsFiddle

table:hover,
table:hover span{
    color: transparent;
    background: transparent;
}​

Вам просто нужно включить селектор для span.