Проблема цвета ссылки jquery с Firefox с .html ()

Question

поэтому у меня есть этот код:

<a id="baby" href="#" style="display:inline-block;color:#373529;">
<div id="yea" class="like-num">Yeaaaaaaa</div>
</a>

с CSS

a {
 color: #1a5790; 
}

a * {
 color: #1a5790; 
}

.like-num{


color:#373529; 

}

поэтому цвет ссылки в этой ссылке должен быть черноватым, хотя ссылка по умолчанию css синяя. И это работает, цвет ссылки стал черноватым.

Но затем я вызываю ajax-вызов jquery, который в случае успеха заменяет #yea возвращаемыми данными, поэтому

$('#yea').html(data);

Но тогда, когда замена данных завершена, цвет ссылки снова становится синим, хотя раньше он был черным, и это происходит только в Firefox, а не в ie или chrome

Кто-нибудь знает, как я могу изменить код, чтобы цвет ссылки оставался черным даже после замены данных:

Заранее спасибо!

Ложки нет

- Матрица

Answer 1

Вы не можете иметь блочный элемент (div) внутри внутреннего элемента (span).Это недопустимый HTML.

Однако можно изменить div на span и предоставить span стиль display: block, чтобы он отображался как элемент блока.Это действительно

Еще лучше: вы также можете добавить display: block к самой a.Когда вы делаете это, вам не нужен дополнительный элемент внутри a, и это, вероятно, решит вашу проблему.

Answer 2

Это, вероятно, объявление a * CSS. Если ваши возвращаемые данные содержат элементы (например, span), он подберет тот CSS (цвет #1a5790), а не тот, что в <a>.

Answer 3

Замените все ваши "a" и "a. *" Css на a, a:visited { color: #1A5790; } и посмотрите, все ли он это делает.

Редактировать: Только что заметил, что тег div на самом деле находится внутри тега.Это был бы недопустимый HTML (элемент уровня блока внутри встроенного элемента).Попробуйте заменить

на и посмотрите, поможет ли это.