問題タブ [pseudo-class]

テンプレートファイルへのアクセスが制限されたCMSプラットフォームで作業しており、疑似クラスを使用してレイアウトの一部を制御しようとしていますが、まだ運がありません。誰かがこの構造の何が悪いのか、そしてなぜ私の疑似クラスが無視されているのかを知ることができますか？

そして私はこのようなことを試みています

したがって、この例では、スタッフブロックの境界線が赤になり、さらに多くのスタッフに青が表示されると思いますが、すべて青です。

これについて助けてくれてありがとう。

サイトに:hover(js なしで)展開する CSS メニューがいくつかあります。

これは、iDevices では半壊れた方法で機能します。たとえば、タップすると:hoverルールがアクティブになり、メニューが展開されますが、他の場所をタップしても削除されません:hover。:hoverまた、 'ed'要素内にリンクがある場合は、リンクをアクティブにするために 2 回タップする必要があります (1 回目のタップでリンクがトリガーされ:hover、2 回目のタップでリンクがトリガーされます)。

touchstartイベントをバインドすることで、iPhone でうまく動作させることができました。

問題は、モバイル サファリが、イベントではなく:hoverCSS からルールをトリガーすることを選択する場合があることです。touchstart

cssですべてのルールを手動で無効にすると:hover、モバイルサファリがうまく機能するため、これが問題であることはわかっています（ただし、通常のブラウザーは明らかに機能しません）。

:hoverユーザーがモバイルサファリを使用しているときに、特定の要素のルールを動的に「キャンセル」する方法はありますか?

ここで iOS の動作を参照して比較してください: http://jsfiddle.net/74s35/3/ 注: 一部の css プロパティのみが 2 クリック動作をトリガーすることに注意してください。背景ではありません：赤。またはテキスト装飾: 下線;

ボタンのアップ状態とオーバー状態を次のように定義するとします。

hoverJQuery を使用して要素のすべての状態スタイルを取得するにはどうすればよいですか?

みたいな$(".button:hover").css('color');...

要素のリストで特定の要素を選択するにはどうすればよいですか? 私は次のものを持っています：

明らかに、すべてに適用されるCSS クラスがありますが、マークアップのどこにあるかに関係なく、このようdiv.myclass {doing things}にクラスの最初、2 番目、または 3 番目の div を選択できるようにしたいと考えていました。.myclass

.eq( index )私が現在使用しているものであるjQuery index selection とほぼ同じですが、スクリプトのない代替手段が必要です。

具体的には、別のクラスを追加したり、ID を使用して機能させるようなものではなく、疑似セレクターを探しています。

css の疑似クラス :active は IE7 でしか動作しないと教えてもらえますか?

私のコードは、次の Web ページで確認できます。 www.ercesar.com

UPDATED つまり、メニュー項目をクリックすると、メニュー項目から離れても画像と背景画像が変化するIE7での動作です。

私の言いたいことを理解するのに役立つことを願っています。

GWT の UiBinder ドキュメントで推奨されているインライン スタイル アプローチを使用してきました。ただし、UiBinder で CSS 疑似クラスを使用する方法については困惑しています。たとえば、そうでなければ (UiBinder なしで) 次の CSS ルールを使用するとします。

そのルールを UiBinder に実装できますか?

そのため、異なるクラス/ID の要素を挿入すると、その :first-child のすべての css ルールが壊れる状況に遭遇しました。

次のように、上記の別のクラス/ ID の要素を挿入するとすぐに:

.nSub:first-child のすべての宣言は、FF 3.6 と Safari 4 の両方で無視されています。

編集: 明確に言わなかったら申し訳ありません: 上記で挿入された要素は、クラス名「.nSub」を持たないはずです。

:not()Internet Explorer 7/8で疑似クラスを機能させる方法はありますか？CSS3と同じことを実行できるJavaScriptはあります:not()か？

私はこれほど細心の注意を払ったことはありませんが、次のエラーが発生します。

次のコードで

いつから：hoverは有効なcssではなく、代替手段は何ですか？

私はこれがどこでも使われているのを見ました...

ナビゲーション バーに jQuery を使用して小さなアニメーションを追加しようとしています。現在、css :hover 疑似クラスを使用して、ナビゲーション バーのサブ メニューを display:none から display:block に変更しています。私が言ったように、私はこれを jQuery でやろうとしているので、css で使用したものと同様のセレクターを作成する必要があります。子リストのみを表示する私が使用していたセレクターは次のとおりです。

そして、これは完全に機能しましたが、jQueryセレクター内で:hover疑似クラスを使用できないことは明らかです。.hover()メソッドを次のように使用しようとしました(これにはまだアニメーションがありません):

ただし、リスト項目のいずれかにカーソルを合わせると、すべてのサブメニューが表示されます。jsfiddle の例をいくつか示します。

css でどのように見えるか (および jQuery で再作成したいもの): http://jsfiddle.net/FHdLC/

上記の jQuery コードの結果: http://jsfiddle.net/LBK3T/

ご協力いただきありがとうございます。