时间戳

首页 > 解决方案 > 为什么外部和内部 CSS 在我的 HTML 中不起作用？

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

问题描述

我在我们公司的 Intranet 网页上使用以下 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>

代码正常工作。

标签： htmlcss

解决方案

放入<style>里面<Head>

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

推荐阅读