플라스크 방법이 각 포스트 비슷한을 나는 데이터베이스에서 데이터를 가져 작은 블로그 응용 프로그램에서 포스트 다른 클래스의 속성

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>