html - css 居中代码不适用于 html 和 css 中的相同文件名

Question

如果我对 css 和 html 使用相同的文档名称，则 css 居中代码段不起作用。如果我更改文件名，它可以工作。

我对 css 和 html 都使用“索引”名称。

我想了解为什么会这样。

这是示例代码；

.maintitle {
  text-align: center;
}

<div class="maintitle">
  <h1>Trial title</h1>
</div>

标签： htmlcss

Answer 1

一种可能性是已经有一个名为 index.css 的文件，请检查项目中的文件名。您可以将 js 和 css 文件的名称更改为其他名称（不是索引）并检查它是否有效。例如将其更改为 demo.js 和 demo.css