jquery - Flask如何应用一个帖子的第一段不同的类属性

Question

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

{% extends 'layout.html' %}

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

{% endblock %}

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

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

更新: 问题已解决。看来我使用这种方法打错了字。

https://jsfiddle.net/qd0pb41v/

Answer 1

您可以使用纯 CSS 使用 :nth-child() 来做到这一点伪选择器。 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>