使用Paul Irish和gang的HTML5BoilerPlate模板（尽管，我并不是说这与它有任何关系），我在页面上呈现的标签中有一些样式。如果我把它们移到里面，它们就会按照应该的方式工作。我以前这样做是为了进行一些快速编辑，从未见过页面上呈现的样式。以下是头代码的示例：
<!doctype html public "*">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width">
<title>Title</title>
<meta name="bitly-verification" content="xxxxxxxxxxxx" />
<meta name="google-site-verification" content="xxxxxxxxxxxxx" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="stylesheet" type="text/css" media="all" href="css.css" />
</head>
<body>
<div id="container">
<style>
...
</style>
</div>
</body>
然而，我们发现去掉容器div可以使样式标记工作，并且它们不再显示在呈现的页面中。我们还没有弄清楚为什么，这很麻烦。有人遇到过这个问题吗？或者有人能理解为什么会发生这种情况吗？
不是破坏交易，只是知识问题。谢谢
**编辑：#选择器>*是罪魁祸首-阿*
W3学校声明：
style元素总是位于头部。-参考
在身体上贴上风格标签（无论出于何种原因）会带来一些未定义的行为，这是有道理的。