我正在创建一个演示页面，在同一页面上显示一些可能的 cms 系统消息（错误、通知等）。我创建了一个 php 函数，以与 cms 完全相同的方式输出系统消息的整个 div，因此 html 输出使用当前样式模板的相同 css 样式，因此我可以说 5同一页面上的不同消息，一个在另一个之下。
问题是，当这些由 php 函数生成时，所有 div ID 都会重复，当我尝试验证页面时，我当然会得到：
重复的 ID 系统消息。
一种解决方案是在 css 的每一行上添加一个自定义类，然后使用该类而不是原始 ID。就像是：
#system-message,
.system-message-custom
{….}
#system-message ul,
.system-message-custom ul
{….}
#system-message div div p,
.system-message-custom div div p
{….}
..但我觉得这不是很聪明，因为如果我将 cms 模板更改为没有添加自定义类的模板，那么整个事情将无法正常工作。
这个问题可能很有趣，但是，有没有办法喜欢、复制#system-message并.system-message-custom完成它？我看过一些 sass 示例，但我不确定是否可以完成，实际上我还没有尝试过 sass。
你会怎么做 ？也许只是忽略验证？为此使用 javascript 的想法不会让我很高兴。我希望我被理解并且没有让你感到困惑。谢谢你的帮助。