我正在创建一个演示文稿页面,在同一页面上显示一些可能的cms系统消息(错误,通知等)。我已经创建了一个php函数来输出系统消息的整个div,与cms完全相同,所以这样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。