[分享]css中before是什么意思

CSS的before是一种伪元素，指的是在某个元素的内容前插入一段内容。它可以用来为元素添加装饰，或者用作清除浮动等场景。例子： .content:before { content: "我是...

CSS的before是一种伪元素，指的是在某个元素的内容前插入一段内容。它可以用来为元素添加装饰，或者用作清除浮动等场景。

例子：
.content:before {
  content: "我是before";
  display: block;
} 

当应用到一个元素时，这个元素就会在其内容的前面添加一段内容“我是before”。其中，content属性指定了插入的内容，display:block表示将伪元素显示为块级元素，使它独占一行。

除了content和display属性，before还可以使用其他CSS属性，如font、color、background等，与普通的元素一样。

例子：
.content:before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background-color: red;
} 

该例子会在每个.content元素前插入一个红色的50*50的块。需要注意的是，before只是在元素内容前添加一段内容，它不是真正的元素，它的操作并不会对DOM结构造成影响。