3

下記HTMLで、itemクラスに「::before」「::after」を付与した時の、「各疑似要素」の「親要素」は、どこになるのでしょうか?

<div class="wrapper">
    <div class='item'></div>";
</div>
re9
  • 6,698
  • 29
  • 124
  • 232

1 Answers1

7

5.12.3 The :before and :after pseudo-elementsより

The ':before' and ':after' pseudo-elements can be used to insert generated content before or after an element's content.

つまり、::before及び::afterはitem要素のコンテンツの前後に要素を追加するものです。ですので、追加された要素の親要素はitem要素となります。

関連する質問、input[type=checkbox] に対して :before, :after 疑似要素が使えるのはChromeだけ?の回答も参照ください。

sayuri
  • 42,863
  • 1
  • 33
  • 94