javascript - Disqus 评论系统 - 边距左偏移

Question

我需要增加作为父母的评论（作为回复的评论）的剩余边距。左边距现在是 46px、58px 等。

有没有办法设置margin-left disqus应该抵消评论？

Answer 1

通过脚本回答

如果您的意思是评论评论的评论，您可以使用以下方法，每个父级的偏移量为 46 + 12。

$(".comment:not(.changed)").each(function(){
    $(this).addClass("changed");
    var parents = $(this).parents(".comments");
    $(this).css("marginLeft", 46 + ( parents.length * 12));
});

通过 CSS 回答

如果您有静态数量的评论，您可以使用 css

.comment{ margin-left: 46px; }
.comment .comment{ margin-left: 58px; }
.comment .comment .comment{ margin-left: 70px; }

最佳解决方案

但最好是嵌套它们，这样你就可以使用margin-left: 12px;嵌套的已经移动了 12px，现在他的边距也将在那里。所以又移动了 12px。

然后 HTML 将如下所示：

<ul>
    <li>COMMENT
        <ul>
            <li>COMMENT

                <ul>...ETC</ul>
            </li>
        </ul>
    </li>
</ul>

和CSS：

ul{ margin-left: 12px; }