css - CSS プロパティコンテンツの空の値は何をしますか?

Question

nav ul:after { 
    content:""; 
    clear:both; 
    display:block;
}

""content プロパティの値は何を意味しますか?

Answer 1

これは単なる clearfix です。つまり、ul要素がfloat である場合li、それらは自己クリアされますが、オーバーフローしたコンテンツを非表示にするのと同じように動作しますoverflow: hidden;が、それとは異なります。overflow: hidden;

デモ(clearfix なし)

デモ 2 (clearfix あり)

なぜclearクリアする必要があるのか​​、何をクリアする必要があるのか​​については、ここで私の回答を参照してください。

---

質問を編集すると、ページに仮想コンテンツを埋め込むためにcontentプロパティが:beforeまたは疑似で使用されるため、空白の手段を使用すると、ページに文字が埋め込まれません。:aftercontent: "";