css - 互いに干渉することなく、1 つのページに 2 つ以上の :target セレクターを配置できますか?

Question

CSSだけでできますか？すべての新しい :target は URI (.html# my target name comes here ) を変更するように見え、当然、他の以前の動作を混乱させたりリセットしたりします。

URI に影響を与えず、両方の :target がそれぞれの権限で機能できるように、他の :target を「サイレント」または「インビジブル」に割り当てる方法があればよいのですが。それとも、これはこのセレクターの目的全体を無効にしますか?

Answer 1

:target準拠するHTMLページでは、一度に1つの要素しか存在できません。

別のターゲットに移動すると、URIのハッシュフラグメントが変更され、前の1つの履歴（しゃれは意図されていません）が作成され、URIとの関連性がなくなります。同様:targetに、以前はターゲット要素であった要素には適用されなくなります。

したがって、実際に、達成しようとしている動作は、:targetHTMLドキュメントのセレクターの目的を無効にします。現在、CSSのみを使用して、このような動作に基づいてスタイルを適用し続ける方法はありません。