css - 为什么不能插入/使用::BEFORE::AFTER css 样式？

Question

我正在尝试使用:

.widget::before{
  background:red;
  height:20px;
  width:100%;
  content: "";   <---- if this is removed, then block is not visible at all
}

但是没有content: ""; 伪 block 根本不显示..伪类应该总是包含content 参数？

Answer 1

如果没有 content: '';，则在小部件之前无需添加任何内容。您可以声明伪类的大小、颜色、形状等...但不声明“内容”是什么，就没有可插入的内容。