使用href引入独立CSS文件报错，内嵌HTML则样式生效正常

• 问题出在你把HTML里的<style>标签直接复制到了独立CSS文件里。.css文件只需要纯CSS代码，不需要<style>这类HTML标签，这些标签会被识别成无效的CSS语法，所以编辑器会标红报错。

• 你需要把独立CSS文件里的<style>和</style>完全删掉，只保留样式规则本身，正确的CSS内容应该是这样：

.subscribe-button {
  background-color: rgb(204, 0, 0);
  color:white;
  border: none;
  padding-top: 10px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 10px;
  border-radius: 2px;
  cursor: pointer;
  margin-right: 5px;
  margin-left: 10px;
  transition: opacity 0.15s;
  vertical-align: top;
}

• 在HTML里正确引入这个CSS文件的方式是在<head>标签里添加：

<link rel="stylesheet" href="你的css文件名.css">

注意替换成你实际的CSS文件路径，如果CSS文件和HTML在同一文件夹下，直接写文件名就行。

• 做完以上操作后，保存文件刷新页面，样式就能正常生效，编辑器的红下划线报错也会消失。

内容的提问来源于stack exchange，提问作者codingbyDEC