画像表示にライトボックス実装を使用するHTMLドキュメントを使用していますが、そのAPIに関連する理由により、サムネイルビュー用とライトボックス/フルビュー用の2つの場所で同じ要素IDを使用しています。（これらの要素は別々の<div>タグにあります。）
2つの要素のクラス値は異なりますが、セレクターを作成するときにそれらをどのように区別するのか疑問に思いました。#myElementWithDuplicateID.className1とのようなもの#myElementWithDuplicateID.className2ですか？
一般に、ページ上の異なる要素に同じIDを使用することは悪い習慣ですか、それとも私が気付いていない状況がありますか？
重複した ID は HTML ドキュメントでは有効ではなく、特にスクリプトで問題が発生するため、重複した ID を使用することは広く悪い習慣と見なされています。共通の ID を持つ要素を持つことが、代わりに共通のクラスを持つことよりも正当化される状況はありません。ライトボックス API などとの潜在的な複雑化を防ぐために、可能であれば、重複した ID を修正する必要があります。
とはいえ、ID の重複を排除できない状況では、提案されたソリューション (ID とクラス セレクターのチェーン) が機能します。CSS の単独の ID セレクターは、重複しているかどうかに関係なく、特定の ID を持つすべての要素に一致するため、クラス セレクターを使用してそれらを区別することは合理的です。参考文献。