بعضی از طراحان به صورت کلی با دادن استایل های مناسب به ol یا ul  در css , سعی در زیباتر کردن این بخش میکنند . گر چه کار اشتباهی نیست , اما کار استانداردی هم به نظر نمی آید .

به همین دلیل برای این پست از سایت اسکریپت دات کام , لیستی کامل از تمامی استایل های این بخش را در اختیار شما عزیزان قرار میدهم .

تقریبا تمامی استایل ها با توجه به اسمشان , گویای کاری که انجام میدهند هستند و دیگر نیازی به توضیح بیشتر در این باره نیست

ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-bottom:1px solid #999; padding:15px 15px; }
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar { border-radius:200px; float:right; margin:0 0 1em 1em; }
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta { font-size:13px;font-family:tahoma; }
ol.commentlist li.comment div.comment-meta a { color:#ccc; }
ol.commentlist li.comment p { font-size:13px; margin:0 0 1em; }
ol.commentlist li.comment ul { font-size:13px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li.comment div.reply { font-size:13px; }
ol.commentlist li.comment div.reply a { font-weight:bold; }
ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li { background-color:#f6f6f6}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 { border-left:2px solid #555; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-3 { border-left:2px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-4 { border-left:2px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-5 { border-left:2px solid #ddd; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#fff; }
ol.commentlist li.parent { }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

 توجه : لیست بالا دارای استایلی استاندارد و پیشفرض می باشد.

پخش اختصاصی

گرداوری : وحید مجیدی