Выделите проблемы с комментариями авторов
Итак, несколько дней назад я добавил следующий код для Geek для Него и, очевидно, пропустил часть вложенных комментариев. Это реализовано на многих других моих сайтах, без стандартной темы грубой и работающей нормально.
Я что-то упускаю?
Проверьте ссылку здесь - geekforhim dot com - это сайт
Сделан комментарий, я комментирую (выделяю работы), кто-то комментирует ниже меня, и он также выделяется.
Любая помощь была бы очень полезна оцененный.
.commentlist li.bypostauthor, li.comment-author-admin {
background-color: #E0E0E0 !important;
}
Итак, я понял, что если я добавлю фон к
#comments ul.children {
background:none repeat scroll 0 0 #FFFFFF;
margin:10px 0 0 25px;
padding:0;
}
Это работает, но очень некрасиво. Есть какие-нибудь более чистые идеи?
Смотрите изображение ниже о том, что, кажется, испортилось
Я заметил, что сами комментарии являются одним целым. Я имею в виду, что 4 вложенных комментария ниже одного равны одному комментарию. Это неправильно закодировано в моем сознании и, возможно, исправлена ошибка? Любые идеи или обходные пути позволяют мне знать.
ОБНОВЛЕНО
С помощью приведенного ниже руководства я смог понять, что мне нужно.
Спасибо t31os!!
1 answers
Фон прозрачный, поэтому он просто наследует стиль родительского комментария..
Стиль класса комментариев..
#comments li.comment { background-color: #fff /* Default styling */ }
Затем сделайте более конкретный стиль по мере того, как вы спускаетесь..
#comments li.odd { /* whatever */ } /* Style odd numbered comments */
#comments li.even { /* whatever */ } /* Style even numbered comments */
#comments li.bypostauthor { /* whatever */ } /* Style author comments */
Более конкретные правила будут позже, так что вы получите каскадный эффект с вашими стилями..
ПРИМЕЧАНИЕ: Селекторы CSS с идентификаторами обычно имеют преимущество перед селекторами с классами (даже если они стоят на первом месте), чем конкретнее ваше правило CSS, тем более высокий приоритет оно имеет по сравнению с другими, конкурирующими за стиль данного элемента.
Например.
#comments li.comment { /* This rule will be given priority */ }
.someclass li.comment { }
Если вы являетесь пользователем Firefox, Firebug помогает понять, какой стиль наследует элемент и от какого стиля (настоятельно рекомендую вам попробовать, если вы используете Firefox).
На самом деле это скорее вопрос о том, как использовать CSS для стилизации вложенных элементов с помощью доступных селекторов, чем вопрос, специфичный для WordPress. Тем не менее, если вы застряли в разработке правил, которые нужно разместить, опубликуйте свой CSS комментариев, чтобы мы могли видеть как вы создаете и упорядочиваете свои правила (стили) CSS.
Надеюсь, мой ответ поможет..
РЕДАКТИРОВАТЬ:, Чтобы ответить на ваш вопрос в комментариях.
Попробуйте настроить таргетинг на div, который содержит комментарий и следует за содержащим <li> вместо этого..
#comments li.comment .comment-container {}
#comments li.odd .comment-container {}
И так далее... посмотрим, поможет ли это...:)