是否可以在Header之外添加CSS规则?

web*_*orm 4 html css

可能重复:
在"HTML"页面的"HEAD"元素之外声明CSS样式?

我正在创建一些在CMS中使用的内容,我无法访问标头标记.有没有办法<BODY>在文档中添加CSS规则?

我想做这个 ...

.ClassName
{
  border: 2px solid red;
  margin: 5px;
  padding: 5px;
}
Run Code Online (Sandbox Code Playgroud)

我可以在元素中添加样式规则"inline",但我希望尽可能避免这种情况,因为CSS规则将在许多元素中使用.

我想避免这个......

<div style="border: 2px solid red; margin: 5px; padding: 5px">content</div>
Run Code Online (Sandbox Code Playgroud)

thi*_*dot 5

你可以在<style>里面添加body,但是你会收到验证错误:

在此上下文中,元素样式不允许作为元素主体的子元素.(抑制此子树中的更多错误.)

(这是因为根据规格不允许,请参阅@Oded的回答)

它在浏览器中运行得很好. 浏览器不关心:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<style type="text/css">
.ClassName
{
  border: 2px solid red;
  margin: 5px;
  padding: 5px;
}
</style>

<div class="ClassName">content</div>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)