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

Question

什么是默认display:属性:AFTER和:指定后的伪元素之前content.

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

无法在默认的css值列表中找到它

例:

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伪元素是内联的.

正如W3规范所说:

在a:before或:after伪元素声明之后,非继承属性采用其初始值.

并且display属性的初始值是内联的.