html - 2 番目の段落から始まるテキストのインデント

Question

DB ($row[text] ) からのテキストがあります。次のようになります。

<p>First</p>
<p>Second</p>
<p>Third</p>

そして、第2段落から始まる「テキストインデント」を適用したい。次のようなクラスに適用できることはわかっています。

.a{text-indent: 20px}

<p>First</p>
<p class="a">Second</p>
<p class="a">Third</p>

しかし、データベースを編集できないため、それはできません。p{text-indent: 20px} を使用すると、すべての段落に適用されます

Answer 1

text-indentすべてのpタグにを適用し、 でそれを削除することでそれを行うことができますfirst-child:

p{text-indent: 20px}
p:first-child{text-indent:0}

<p>First</p>
<p>Second</p>
<p>Third</p>

Answer 2

これを実現するには、nth-child 疑似クラスを使用できます。n を 0 などに置き換える数式も受け入れるため、数式は2+nになります。

p:nth-child(2+n){text-indent: 20px}

<p>First</p>
<p>Second</p>
<p>Third</p>