编辑特定文件的 css 样式

Jak*_*ský 0 html css css-selectors

我想知道是否有办法从 .css 文件编辑一个特定的 .html 文件。(没有其他CSS文件或样式标签)

您可以像这样编辑特定的类:

p.class1 {
  color: blue;
}
Run Code Online (Sandbox Code Playgroud)

那么有没有办法只针对特定文件编辑CSS .html?像这样的东西?:

p.file1.html {
  color: blue;   \\text is blue just in file1.html
}
Run Code Online (Sandbox Code Playgroud)

Joh*_*nes 5

您可以做的是(在 HTML 中)在该文件的标签中插入一个类属性body,然后将 CSS 规则与包含该类作为父类的组合选择器结合使用。这些仅适用于该一个文件。

例子 :

<body class="page_1">
   [ ... contents of page ... ]
</body>
Run Code Online (Sandbox Code Playgroud)

还有CSS

.page_1 p {
  color: blue;
}
Run Code Online (Sandbox Code Playgroud)

注意:像 Wordpress 这样的 CMS 会自动插入这样的类,因此在这种情况下,您只需检查 HTML 代码即可查看标记中插入了哪些类body,并使用该类根据 CSS 规则进行创建。