疑似要素に書く、content:""の役割

Question

クリアフィックスするときとか、content:""を書くと思います。
これは何の意味があるのでしょうか。
なくても良いような気がします。

疑似要素はインライン要素だから、何も文字がないと疑似要素の存在がないように扱われるから、せめて０文字というコンテンツを残しているのでしょうか？

詳しいかた、教えてください。

Answer 1

contentプロパティで空の文字列を追加して、その空の文字列をブロック要素にしたうえでその空の文字列にfloatを解除させているので、contentプロパティが無ければ正常に動作しないと思います。

.clearfix::after {
  content: "";
  clear: both;
  display: block;
}