「CSS」last-childでグループの中で最後の要素を取得する方法

2014年8月16日2020年10月13日

構文
:last-child 疑似クラスは、兄弟要素のグループの中で最後の要素を表します。
htmlコード

<div align="center">
  <p>このテキストは選択されていません.</p>
  <p>このテキストは選択されています</p>
</div>

<div class="cft">
  <p>このテキストは選択されていません.</p>
  <h2>このテキストは選択されていません、pタグでｈない</h2>
</div>

CSSコード

p:last-child {
  background-color: green;
  padding: 5px;
}