：before和：after伪元素的默认显示属性是什么？

Question

在指定display:后，默认content属性为：AFTER和：BEFORE伪元素。

是display: inline还是display: inline-block？

无法在default css values list

中找到它

示例：

div {
  border: solid 1px black;
  padding: 5px;
  }

div:before {
  content: "Before: Am I inline-block or inline?";
  color:red;
 }

div:after {
  content: "After: Am I Inline-block or inline?";
  color:green;
 }

<div>Div 1</div>
<div>Div 2</div>
<div>Div 3</div>
<div>Div 4</div>

Answer 1

:before和:after伪元素为inline by default。

正如W3 spec所说：

  

在a：before或：after伪元素声明之后，非继承   属性采用initial values。

initial value of the display property是内联的。