css - 造型 tumblr 转发评论

Question

我到处找这个，没有运气!我希望你们能帮助我:)

我正在制作一个自定义的 tumblr 主题，但有一件事我不喜欢它，即 tumblr 以表格方式显示其帖子评论。我的意思具体是这样的:

在 tumblr 主题的代码中，并没有真正具体地调用这些评论的呈现，大多数时候它只是帖子正文、图片标题等的一部分。我知道字符串是呈现为 block 引号，因此通过为其创建自定义 css，我可以稍微更改外观。

但我想做的主要事情是删除嵌套，这样添加评论的人的名字始终由评论本身显示，并且从上到下，从旧到新。例如，我希望将上面的转发列表呈现为:

    unicornhairs: her suit tho omg
    bakinginthebatcave: I love wedding photos of strangers. I don't even know you but I'm so happy that you're happy and you look so lovely and it's so wonderful and affirming somehow. I don't know. Wedding photos make me happy. 
    rainbowrowell: Does her suit have stripes down the inside of the legs? REVERSE HAN SOLO.
    bookoisseur: oh i love this
I frickin love these kinds of weddings <3

这种事情可能吗？我该怎么做？

Answer 1

为了补充我的评论，前段时间我写了一些 css，它重置了转发的一些默认 tumblr 样式。这些通常是缩进的 block 引用元素。

这是我的CSS:

#header p, 
.post .sidebar p, 
.post h2, 
.post h3, 
.post strong, 
.post b, 
.post small, 
.post p, 
.post blockquote, 
.post ul, 
.post ol, 
.post .quote, 
.post .quote .quote, 
.post .conversation ul li, 
.description, 
 #footer .footer, 
 #footer .description p, 
 #footer h2 {
    font-size: 12px;
    font-weight: normal;
    line-height: auto;
}

.post p, 
.post blockquote, 
.post ul, 
.post ol {
    border-left: none;
    padding: 0;
    margin: 0;
}

这可能看起来有点矫枉过正(而且可能超出您的需要)，但我发现当人们在 tumblr 上回复帖子或转发并添加评论时，可以从另一个应用程序剪切和粘贴将保留格式和 html 元素，所以我花了一些时间来识别变体然后重置它们，我不得不继续添加到这个 css 列表中。

不过这应该是一个好的开始。