Flask comment appliquer le premier paragraphe d'un Dans une petite application de blog Le post autre attribut class

Question

je tire les données de la base de données et montrent chaque poste similaire à ceci:

{% extends 'layout.html' %} 

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

{% endblock %} 

messages sont au format Markdown. Est-il possible de changer le nom de la classe du premier alinéa comme ceci: [Je suppose peut-être cela devrait être fait avec Jquery plus facile]

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

Mise à jour: problème est résolu. Il semble que j'ai fait une faute de frappe en utilisant cette méthode.

https://jsfiddle.net/qd0pb41v/

Answer 1

Vous pouvez le faire avec CSS pur en utilisant :nth-child() sélecteurs de pseudo. L'index de nth-child() est basé sur 1.

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

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

Un raccourci à ceci est la pseudo-sélecteur :first-child.

p:first-child { 
 
    background: red; 
 
}

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