css - CSS 属性内容的空值有什么作用？

Question

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

content 属性上的 "" 值是什么意思？

Answer 1

这只是一个 clearfix，这意味着，如果你的 ul 元素已经 float li，那么它们将被 self 清除，它的行为类似于 overflow: hidden; 但不同于 overflow: hidden; 它不会 overflow hidden 的内容。

Demo (没有 clearfix)

Demo 2 (使用 clearfix)

以及为什么需要clear，需要清除什么，可以引用我的回答here

---

当您编辑问题时，content属性与 :before 或 :after 一起使用以在页面上嵌入虚拟内容，因此使用 content: ""; 意味着只是空白，您没有在页面中嵌入任何字符。