当我将这样的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
为什么会发生?