Поменять цвет текста - hover

[semyonl]

Привет! Столкнулся со сложностью, не могу поменять цвет текста при настройке hover эффекта Animations -> Transition -> Trigger (hover), Property (color).
Background color отлично меняется таким образом, а цвет текста почему-то нет. Проект в приложении.

[serega]

коллега, я разобрался, я нашел 2 ошибки. 1 древняя, 2 из твоего примера.
1.

Код: Выделить всё

#wb_Text1:hover
{
   color: #FFFF00;
   background-color: #00FEFE;
   transition: color 2000ms linear 0ms, background-color 2000ms linear 0ms;
}

здесь всегда второе время равно первому. Это ошибка.
Я пару лет назад писал на какокй-то мыло , вот мы видим результат.
2.

Код: Выделить всё

<div id="wb_Text1" style="position:absolute;left:46px;top:39px;width:521px;height:83px;text-align:center;z-index:0;">
<span style="color:#000000;"><strong>ТЕКСТ</strong></span></div>

style="color:#000000;" -- это встроенный стиль , типа inline. Он имеет преимущества над внутренний , который в <style></style> (может, называются наоборот).
Получается , что изначальный цвет описывается 2 раза, и style="color:#000000;" -- не изменишь внутренними <style></style>
Его можно удалить . К сожалению, только ручками. Это легко , когда проект называется test :) . Может, поиском и заменой как сделаешь.
В JS есть способы замены стилей, а в CSS вряд ли. <span></span> тоже удалить, толку от него нет, он какую-то границу добавляет, вредную
Есть у нас спецы, может, какие костыли вставить ?

Отправлено спустя 1 час 1 минуту 30 секунд:
лучший совет, конечно код не шерстить. А использоваь что -то из имеющегося. Например , Heading. Он работает со своими стилями. Сделаешь стиль для себя, даже быстрее получится

Отправлено спустя 20 минут 28 секунд:
Я стал провеять , все что воспринимает текст . Похожая (но не такая) проблема у Table .

Код: Выделить всё

table style="position:absolute;left:78px;top:135px;width:580px;height:102px;z-index:1;" id="Table1">
<tr>
<td class="cell0"><p style="font-size:13px;line-height:16px;"><span style="font-size:48px;line-height:53.5px;"> Sell</span></p></td>
</tr>
</table>

<span style="..."> имеет свой встроенный стиль, но здесь нет цвета. Цвет указывается там, где и должен быть, во внутренних стилях.
Но он тоже не анимируется.

Код: Выделить всё

#Table1:hover
{
   color: #00FF7F;
   transition: color 5000ms linear 0ms;
}

на внутренний <span> не действует. Исправляется :

Код: Выделить всё

#Table1 span:hover
{
   color: #00FF7F;
   transition: color 5000ms linear 0ms;
}

Я сам поражаюся. Это получается , что изменение стиля контейнера не относится к его детям ???
Здесь WWB не причем. Здесь CSS по-тупому сделан. Или все-таки правильно работает CSS ?

Отправлено спустя 7 минут 49 секунд:
можешь использовать Responsive Text -- у него чистый <p>...</p> без всяких стилей. Самый правильный.

Отправлено спустя 6 минут 19 секунд:
короче, все сложно. Этот Responsive Text нормально анимируется.

Код: Выделить всё

<div id="wb_Text1" style="position:absolute;left:29px;top:14px;width:270px;height:83px;z-index:0;">
<p>Double </p></div>
--------------
#wb_Text1:hover
{
   color: #FF0000;
   transition: color 2000ms linear 0ms;
}

но не должен. Такая же картина , как и с Table.
Получается, <span> не анимируется, а <p> анимируется. Все одинаково. Но с <p> все работает. Что там творят эти браузеры с этим CSS ?

[semyonl]

Спасибо!

[serega]

Я тут все думаю об этой проблеме, ночами не сплю. Получается, что всё-таки CSS работает правильно.
Конечно, у 1 контейнера могут быть много потомков. С разными цветами шрифта. Если <span> находится в таблице. Текст находится в <span> .... Надо восстановить картину.
Ну, очевидно, что я менял цвет текста, а не таблицы.
Значит, самый очевидный ответ — это ошибка WWB.

[serega]

да проверил, Transition конкретно для текста не работает , а добавка #Table1 span:hover {} работает. Это косячок WWB