同じページにいくつかの可能性のある cms システム メッセージ (エラー、通知など) を表示するプレゼンテーション ページを作成しています。cmsとまったく同じ方法でシステムメッセージのdiv全体を出力するphp関数を作成したため、この方法でhtml出力は現在のスタイリングテンプレートと同じcssスタイルを使用しているため、5と言うことができます同じページに異なるメッセージが上下に表示されます。
問題は、これらがphp関数によって生成されると、すべてのdiv IDが繰り返され、ページを検証しようとするともちろん次のようになることです:
重複 ID システム メッセージ。
1 つの解決策は、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を使用するという考えは、私をそれほど幸せにはしません。私が理解され、あなたを混乱させなかったことを願っています。ご協力いただきありがとうございます。