解决方案,以避免在同一页面上重复的CSS ID

时间:2013-08-08 14:16:32

标签: html css w3c-validation

我正在创建一个演示文稿页面,在同一页面上显示一些可能的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。

你会做什么?只是忽略验证可能吗?使用javascript的想法不会让我如此开心。我希望我被理解并且没有让你困惑。谢谢你的帮助。

0 个答案:

没有答案