私の Web サイトでは、コンテンツとナビゲーション要素を作成しました。
「次へ」ボタンをクリックすると、Javascript が次のページを解釈し、親ノードの「データ進行状況」属性を変更します。私のCSSにはいくつかのセレクターが含まれています
.content[data-progress="0"] > .progressNavigationHolder > .progressNavigation > div:nth-child(1)
と
.content[data-progress="0"] > .progressPages > ul
タブが押された状態に変わり、ページmargin-leftが 480px 増加します。
これはすべてうまく機能し (記述と説明が少し混乱する場合)、コードはdata-progressをインクリメントされた値に変更し、CSS セレクターは正しいノードにリンクします。ただし、これはインスペクターに関する限り真実ですが、実際には、この変更を表示するために画面/ビューポートが更新されることはありません。
これは Chrome では問題なく機能しますが、何らかの理由で Safari では表示されません。
WindowsでSafari 5.1.7を実行しています。