为什么外部和内部CSS不能在HTML中工作?

为什么外部和内部CSS不能在HTML中工作?,html,css,Html,Css,我在我们公司的内联网网页上使用以下HTML/CSS代码 <div class="hello">hello</div> <style> .hello { color: blue } </style> 你好 .你好{ 颜色:蓝色 } 加载HTML后,我在inspector中得到以下结果: 在检查HTML代码之后,我注意到我的CSS代码突然消失了,我不知道为什么。我尝试了其他方法,例如通过样式表导入,但是所有与CSS相关的

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

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

<style>
.hello {
  color: blue
}
</style>
你好 .你好{ 颜色:蓝色 } 加载HTML后,我在inspector中得到以下结果:

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

除了内联CSS:

当我使用

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

代码工作正常。

放入


h1{颜色:红色;}
p{颜色:蓝色;}
标题
一段

放入


h1{颜色:红色;}
p{颜色:蓝色;}
标题
一段


标题
一段

h1{颜色:红色;} p{颜色:蓝色;}
我看得见

请看下面的链接


标题
一段

h1{颜色:红色;} p{颜色:蓝色;}
我看得见

请看下面的链接



标签必须包含在
中。请参阅,MDN标签必须包含在
中。请参阅MDN

您的屏幕截图中没有使用hello类检查div。是的,它们是@ClonedConsole中的任何错误?cms系统正在剥离内联css吗?@Abronsius教授我如何检查这个?我是什么cms系统?查看网页-可能有关于这方面的信息。从公司的角度来看,维护特定的外观/样式非常重要,因此,如果您可以添加自己的自定义css,您可以潜在地更改整个外观,以便开发人员/系统管理员可能已禁止内联CSSY您在屏幕截图中没有使用类hello检查div。是的,它们是@ClonedConsole中的任何错误?cms系统正在剥离内联css吗?@Abronsius教授我如何检查这个?我是什么cms系统?查看网页-可能有关于这方面的信息。从公司的角度来看,维护特定的外观/样式非常重要,因此,如果您可以添加自己的自定义css,您可以潜在地更改整个外观,因此开发人员/系统管理员可能会禁止内联cssThank,但不幸的是,它不起作用。css在这里也消失了。你有网页的实时链接吗?不,对不起,这是一个只有通过vpn才能看到的公司网页。请先尝试CTRL+F5,然后重试。第二,你能看到css文件链接吗?@ValentinFranke中的“消失”是指“浏览器检查器”没有显示它吗?有很多原因可能是故意发生的。。。询问你公司的技术管理员,他们是否有任何可以做到这一点的方法。如果您在HTML上“查看源代码”,样式应该在那里?谢谢,但不幸的是它不起作用。css在这里也消失了。你有网页的实时链接吗?不,对不起,这是一个只有通过vpn才能看到的公司网页。请先尝试CTRL+F5,然后重试。第二,你能看到css文件链接吗?@ValentinFranke中的“消失”是指“浏览器检查器”没有显示它吗?有很多原因可能是故意发生的。。。询问你公司的技术管理员,他们是否有任何可以做到这一点的方法。如果你在HTML上“查看源代码”,样式应该在那里?当然可以,但对我来说不行,我不知道为什么!当我复制粘贴代码时,保存并重新打开剩下的内容是:标题段落。

。当我使用“标题一个段落。

它有效”…@ValentinFranke时,我编辑了我的问题(我添加了一些链接,看看它们…)。它当然有效,但对我无效,我不知道为什么!当我复制粘贴代码时,保存并重新打开剩下的内容是:标题段落。

。当我使用“标题段落。

它起作用”时,@ValentinFranke我已经编辑了我的问题(我添加了一些链接查看它们…)。
 <html>
 <head>
    <style>
      h1 {color:red;}
      p {color:blue;}
    </style>
</head>
<body>
    
    <h1>A heading</h1>
    <p>A paragraph.</p>
    
</body>
</html>
 <html>
<body>

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