CSSの擬似要素が表示されないとき【備忘】

20-04-14 20-11-08

どうも。黒蛇です。

擬似要素を表示させるのに必要なものを備忘としてまとめました。
といっても、この2つだけですが、、

  content: "";
  display: block;

「content」は内容を挿入するというもので、これを記述することで擬似要素は要素を持っていると認識され、画面上に表示されるようになります。

pタグなども要素が空の場合表示されないのと同様に、擬似要素も要素を持っていないと表示されません。

また、擬似要素はインライン要素なのでブロック要素に変更しなければ、高さや幅を指定することができません。

ちょいちょいどちらか忘れることがあるので気を付けたいです。
では、また。