「CSS」last-childでグループの中で最後の要素を取得する方法
構文
:last-child 疑似クラスは、兄弟要素のグループの中で最後の要素を表します。
htmlコード
<div align="center">
<p>このテキストは選択されていません.</p>
<p>このテキストは選択されています</p>
</div>
<div class="cft">
<p>このテキストは選択されていません.</p>
<h2>このテキストは選択されていません、pタグでhない</h2>
</div>
<div align="center">
<p>このテキストは選択されていません.</p>
<p>このテキストは選択されています</p>
</div>
<div class="cft">
<p>このテキストは選択されていません.</p>
<h2>このテキストは選択されていません、pタグでhない</h2>
</div>
<div align="center"> <p>このテキストは選択されていません.</p> <p>このテキストは選択されています</p> </div> <div class="cft"> <p>このテキストは選択されていません.</p> <h2>このテキストは選択されていません、pタグでhない</h2> </div>
CSSコード
p:last-child {
background-color: green;
padding: 5px;
}
p:last-child {
background-color: green;
padding: 5px;
}
p:last-child { background-color: green; padding: 5px; }