为什么外部和内部 CSS 在我的 HTML 中不起作用？答案

【问题标题】：Why does external and internal CSS not work within HTML for me?为什么外部和内部 CSS 在我的 HTML 中不起作用？
【发布时间】：2021-03-13 00:04:02
【问题描述】：

我在我们公司的内网网页上使用以下 HTML/CSS 代码

<div class="hello">hello</div>

<style>
.hello {
  color: blue
}
</style>

加载 HTML 后，我在检查器中得到以下结果：

检查 HTML 代码后，我注意到我的 CSS 代码突然消失了，我不知道为什么。我尝试了其他方法，例如通过样式表导入它，但所有与 CSS 相关的代码都消失了。

内联 CSS 除外：

当我使用时

<h1 style="color: blue;">A heading 
</h1>
<p>A paragraph.</p>

代码正常工作。

【问题讨论】：

您没有在屏幕截图中检查带有类 hello 的 div。
是的，他们是@cloned
控制台有错误吗？ cms系统是否剥离内联css？
@ProfessorAbronsius 我该如何检查？我
什么cms系统？检查网络 - 可能有相关信息。从公司的角度来看，保持特定的外观/样式很重要，因此如果您可以添加自己的自定义 css，您可能会更改整个外观，因此开发/系统管理员可能会禁止内联 css

标签： html css

【解决方案1】：

将<style> 放入<Head>

 <html>
 <head>
    <style>
      h1 {color:red;}
      p {color:blue;}
    </style>
</head>
<body>
    
    <h1>A heading</h1>
    <p>A paragraph.</p>
    
</body>
</html>

【讨论】：

谢谢，但不幸的是它不起作用。 css 在这里也消失了。
你有页面的实时链接吗？
不抱歉，这是一个公司网页，只能通过 vpn 看到。
先试试CTRL+F5再试。其次，你能在中看到任何 css 文件链接吗？
@ValentinFranke “消失”是指“浏览器检查器”没有显示吗？这可能是有意发生的原因有很多……询问您公司的技术管理员他们是否有任何可以做到这一点的东西。如果您在 HTML 上“查看源代码”，样式应该在那里？

【解决方案2】：

<style></style> 标签必须包含在<head></head> 中。参考MDNdoc

【讨论】：

【解决方案3】：

 <html>
<body>

<h1>A heading</h1>
<p>A paragraph.</p>
<style>
  h1 {color:red;}
  p {color:blue;}
</style>
</body>
</html>

它对我来说是可见的......

看下面的链接

Stackoverflow 2 3

【讨论】：

它当然可以，但对我不起作用，我不知道为什么！当我复制粘贴您的代码时，保存并重新打开剩下的就是：
标题

段落。
。当我使用'
A标题

A段落。
它有效'..
@ValentinFranke 我已经编辑了我的问题（我添加了一些链接看看它们......）。

标题

A标题