html - 将 css 样式设置为一个特定页面的正文，该页面共享一个公共 header.ejs 文件

Question

我的 partials 目录中有一个共同的 header.ejs 和 footer.ejs，它在视图目录中的所有其他页面之间共享，这意味着所有文件共享一个共同的正文标记或元素。我想为视图目录中一个特定页面的正文设置不同的背景颜色。有没有办法做到这一点？

标签： htmlcssnode.jscss-selectorsejs

Answer 1

在您的页面中，由于您的标题具有样式表，因此如果您在它们下方链接更多，则以前的样式将被新样式覆盖。意思是如果你的 header.ejs 中有一个styles.css 声明正文应该是蓝色的，并且在你的文件（例如 login.ejs）中你链接了一个样式表在声明正文应该是浅绿色的下方<%- include('partials/header') %>，第二个样式表，即包含标签下的那个，将覆盖该正文样式。