编辑特定文件的CSS样式

Question

我想知道，是否有办法从.css文件中编辑一个特定的.html文件。（没有其他CSS文件或style标记）

您可以像这样编辑特定的班级：

p.class1 {
  color: blue;
}

那么，有没有一种方法可以只为特定的.html文件编辑CSS？像这样吗？：

p.file1.html {
  color: blue;   \\text is blue just in file1.html
}

Answer 1

[您可以做的是（在HTML中）在该文件的body标记中插入一个类属性，然后将CSS规则与包含该类作为父级的组合选择器一起使用。这些将仅适用于该一个文件。

示例：

<body class="page_1">
   [ ... contents of page ... ]
</body>

和CSS

.page_1 p {
  color: blue;
}

Answer 2

实现此目的的最佳方法是转到您的file1.html并添加：

<link rel="stylesheet" href="cssFileNameHere.css">

并将您想要的所有样式放入cssFileNameHere.css文件中，它们将仅应用于file1.html