[CSS]::after (:after)で最後の要素に類似要素を追加する

2014年1月5日2020年10月19日

構文
::after (:after)
CSS において ::after は、選択した要素の最後の子要素として擬似要素を作成します。
htmlコード

<div class="after-text">AA</div>
<div>BB</div>
<div class="after-text2">CC</div>

CSSコード

.after-text::after {
  content: " <- yyyy";
  color: green;
}
.after-text2::after {
  content: " <- xxx"; 
  color: blue;
}