另一个答案不起作用的原因是因为它正在应用可能不合适的类，并且可能需要替换其他类。
您需要做的是保持现有类不变，并添加一个 new 类，您可以将其用于独特的样式。
在页面顶部，您可以添加一个全局变量，例如
<?php $SectionCount = 0; ?>
然后你想在哪里添加一个独特的类，你可以这样做：
<section class="SectionOuter<?php echo $alt; ?> UniqueClass-<?php echo $SectionCount++; ?>" >
<section class="SectionInner<?php echo $alt; ?> UniqueClass-<?php echo $SectionCount++; ?>" >
这将自动为每个部分添加一个新的唯一类，称为UniqueClass-n（其中n 在页面中是唯一的），而不会影响现有功能或样式。它也不限于每页只有 2 个数字或部分。
全球化
您可以通过多种方式使其全局化，具体取决于您的页面设置方式，例如
- 在标头代码中添加全局变量
- 在页面
body 上使用唯一的类来定位每个页面（例如.homepage .UniqueClass-1 {} .contactpage .UniqueClass-1 {} 等）
但是，如果没有关于您当前网站的设置方式的更多信息（例如 CMS，或者可能存在哪些模板文件可将代码添加到其中），我们无法准确告诉您如何实现这一目标。
更新：
为所有页面的每个部分添加唯一编号实际上并不可行 - 有可能，但与手动添加它们相比需要付出更多（或更多）的努力（为了使其持久和一致，它必须是分配给每个部分）。
你可以：
- 为页面正文和部分类（如上所述）使用唯一类/ID 的组合或
- 根据页面的某些唯一标识符为每个部分生成一个新类
在任何一种情况下，您都需要在每个页面上使用唯一标识符。这取决于您的页面是如何设置的，但如果您使用的是 CMS，那么每个 <body> 元素都可能添加了一个唯一的类。
1.类组合
例如，您的主页可能有 <body class="homepage page-452"> 之类的内容，“关于”页面可能是：<body class="page-about page-818"> 等。
在这种情况下，您可以使用这些类的组合来定位每个特定页面上的部分，例如
// target ONLY UniqueClass-1 on the page with the specified body class
.page-452 .UniqueClass-1 { /* CSS HERE FOR HOMEPAGE ONLY */ }
.page-818 .UniqueClass-1 { /* CSS HERE FOR ABOUT PAGE ONLY */ }
如果不了解您的 CMS 或生成的 HTML 的更多信息，很难给出准确的答案，但您可以这样做。
（我在您开始此答案后发表的评论中看到您的 CMS 没有唯一的正文类，因此您需要使用下一个选项：）
2。生成唯一的类
或者，要为每个页面生成一个唯一的类，如果您的 CMS 生成了一个，或者如果页面标题始终是唯一的，您可以使用 slug，您可以通过添加将其转换为适合类名的字符串this 到您声明 $SectionCount 的页面顶部，例如：
在页面顶部：
<?php
$SectionCount = 0;
$pageClass = preg_replace( '/[^A-Za-z0-9_-]/', '', $pageTitle);
?>
然后您可以按如下方式创建您的唯一类：
<section class="SectionOuter<?php echo $alt; ?> ClassPrefix-<?php echo $pageClass."-".($SectionCount++); ?>" >
<section class="SectionInner<?php echo $alt; ?> ClassPrefix-<?php echo $pageClass."-".($SectionCount++); ?>" >
现在您可以单独定位每个页面的每个部分，如下所示：
.ClassPrefix-generated-page-class-1 { /* CSS HERE */ }
.ClassPrefix-generated-page-class-2 { /* CSS HERE */ }
/* etc */