为什么不能插入/使用:: 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: ""; ，根本不会显示伪块..伪类是否总是包含content参数？

Answer 1

如果没有content: '';，则在窗口小部件之前无需添加任何内容。你可以声明伪类的大小，颜色，形状等......但是没有声明内容＆＃39;是的，没有什么可以插入的。

Answer 2

是的，它应该 CSS Pseudo元素用于向页面添加内容，因此它们必须具有要显示的内容 According to the Docs：

  

此属性与：before和：after伪元素一起使用，以在文档中生成内容。值具有以下含义：
  的无：       不生成伪元素。

这意味着伪元素必须才能生成内容。

Answer 3

使用:: before和:: after伪类的目的是使用CSS插入内容。如果没有为伪类声明content属性，那么将不会显示任何更改