Flask如何应用post的第一段不同的class属性

Question

在一个小型博客应用程序中，我从数据库中提取数据并显示与此类似的每个帖子：

{% extends 'layout.html' %}

{% block content %}
<div class="col-lg-8">
    <h1>Single post </h1>
    {{ post[0]['content'] | markdown}}
</div> -->

{% endblock %}

帖子采用降价格式。是否可以像这样更改第一段的类名：[我想可能应该用Jquery更容易完成]

<!-- Post Content -->
<p class="lead">This is first paragraph</p>
<p>Another paragraph</p>
.
.
.

更新：问题已解决。好像我用这种方法输错了。

https://jsfiddle.net/qd0pb41v/

Answer 1

您可以使用:nth-child()伪选择器使用纯CSS执行此操作。 nth-child()的索引是从1开始的。

p:nth-child(1) {
  background: red;
}

<p>first</p>
<p>second</p>
<p>third</p>

此快捷方式是:first-child伪选择器。

p:first-child {
  background: red;
}

<p>first</p>
<p>second</p>
<p>third</p>