punbb Уникальная иконка для каждого форума punbb

[Nigelist]

Имеется форум на платформе PunBB. Хочу закрепить уникальные иконки для каждого форума. Но никак не получается сменить иконку, когда на форуме появляются сообщения. Когда нет сообщений, используется такая конструкция:

<div class="main-content">
	<div id="forum24" class="main-item odd">
		<span class="icon "><!-- --></span>
	</div>
</div>

И в этом случае иконки отображаются корректно. Когда появляются сообщения, то участок кода выглядит так:

<div class="main-content">
	<div id="forum24" class="main-item odd new">
		<span class="icon new"><!-- --></span>
	</div>
</div>

В стилях использую такой код:

.main-content #forum24.main-item .icon {
    background: url("/img/icons/debian_no_messages.png") no-repeat
}
.main-content #forum24.main-item.new .icon {
    background: url("/img/icons/debian_new_messages.png") no-repeat
}

В итоге иконка для форума новыми сообщения не меняется, хотя должна отобразится другая иконка. Подскажите, где ошибка?

Edited October 18, 2016 by Nigelist

[npofopr]

Не отображается иконка? Или не отображается даже сам код? В инспекторе кода он обычно перечеркнутым бывает и т.п.

[Nigelist]

Разобрался! Объявил !important для стиля иконки форума с новыми сообщения.