display 在html中包括,为什么style * {display：*}包含在HTML体中？

当我将这样的CSS添加到< style>标签：

* {

display:block;

}

它从来没有正确解释。相反，我看到什么？不知何故，< style>成为html体的一部分。例如。：

* {

display:block;

}

paragraph

phrase

pet

这发生在任何地方。第一次，我认为这是StackSnippets的问题。 (即Stack Overflow的现场演示，我上面提供的)，但后来我用代码笔检查。然后用jsfiddle。然后我走了，在我的服务器上做了一个文件，给我的插入在上面的代码片段的所有内容。

结果总是相同的。 CSS被包括在html中，虽然它被应用。 (唯一的解决方法是创建一个样式表，并使用< link>)

最有趣的是，它似乎只发生在显示：*。例如，以下作品：

* {

color:green;

background:red;

border:2px solid orange;

border-radius:5px;

}

paragraph

phrase

pet

但是一旦我把最后一个片段显示的样式：*，这些样式再次神奇地包含在HTML中。

* {

color:green;

background:red;

border:2px solid orange;

border-radius:5px;

display:inline-block;

}

paragraph

phrase

pet

为什么会发生？