Имеется форум на платформе 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
}
В итоге иконка для форума новыми сообщения не меняется, хотя должна отобразится другая иконка. Подскажите, где ошибка?