メニューを作成していますが、ナビゲーションをクリックすると、ステージごとに異なる画像の背景が表示されます。私が使用して:after
いるのは、絶対に配置して、テキストの後ろに配置できるようにするためです。これは、私がすでに:before
別の目的で使用しているものでもあります。以前は機能していましたが、CSS をより短くより効果的にしていました。リンクがクリックされたときに次の css セレクターが機能しないことを除いて、すべて問題ありませんでした。
.sub-nav a:active:after, .sub-nav a.active:after
クリックして :active ステータスを有効にすると、画像が表示されます。このセクターが開かれると、jquery は.active
クラスを追加しますが、問題は :after がロードされないことです。
私は頭がおかしいので、誰かが私がやっているエラーを見ることができるかもしれません...
これにより、私の実際のコードのフィドルがあります: http://jsfiddle.net/tGXWG/2/
:after コードが挿入しているのは、このような背景画像です..
:ホバー:
:アクティブ + .アクティブ: