問題タブ [css-selectors]

概念実証の Web サイトを作成しようとしていますが、完全な劣化が必要です。そのため、最初にプレーンな XHTML で Web サイトをコーディングしてから、クラスと ID を追加して jQuery にフックします。

私がやりたいことの 1 つは、最終的にすべてのリンクに対して Ajax xmlhttprequest を有効にして、それらがビューポート div に表示されるようにすることです。このビューポートを、複数の外部ページからの xmlhttprequest の「ユニバーサル」ダンプにしたいと考えています。

次のようなものをハードコーディングできるかどうか疑問に思っていました:

ご覧のとおり、Ajax リクエストを呼び出したいすべてのリンク タグに ajax クラスを指定します。jQuery に基づく私の JS では、正のすべての ${"a").filter(".ajax") が自動的にそれぞれの hrefs [変数] を ajax リクエストとしてロードするようにコーディングできるようにしたいと考えています。

助けてください。私はn00bです。

CSS のブラウザー セレクターの速度に関する情報を持っている人はいますか? つまり、異なるセレクターが (同じブラウザーで) 互いにどのように比較されるかを示します。

たとえば、次のようなコードをよく見かけます (そして書きます)。

しかし、これらの要素は一意の ID であるため、必要なのは だけ#elemですよね? これにより、ブラウザーがより複雑なセレクターを持っている方が速いのではないかと考えました。私の考えでは、ブラウザーはその要素だけを見つけ#contentて、他の場所ではなく、その要素だけを見ることを知っているかもしれません。

別の例はtable tr td .classvsかもしれませんtable .class

私はhtmlで表形式のデータを扱っており、各TDの内容を解析しようとしています(それらは一意に識別できません)。

XPath を使用して、「this」のパスを追加の選択に追加できます。

jQueryでこれを達成するにはどうすればよいですか?

特定のクラスを持つDIV内のテーブルにのみスタイルを適用したい：

注：子要素にはcss-selectorを使用したいと思います。

なぜ＃1は機能し、＃2は機能しないのですか？

1：

2：

HTML：

私は何が間違っているのですか？

`id="violacao" のすべての要素にクリック イベントを追加したい:

ただし、最初のリンクだけがクリックに応答します。生成された HTML は次のとおりです。

この方法を試すと：

すべてのリンクが影響を受けることを除いて、問題なく動作します。なにが問題ですか？

私はこの CSS セレクターの親>子をよく使用します。私のデザインは Mozilla と Opera で見栄えがします。

しかし、IEでは、それはひどいです。は IE では認識できないことはわかっ>ていますが、IE ではそれの代わりになるものは何ですか?

純粋なマークアップで (つまり、javascript/jquery などを必要とせずに) ナビゲーション インターフェイスのようなツリーを構築したいと考えています。

順序付けられていないリスト<ul>が最適なソリューションのように思えます。simplebits.com のこのチュートリアルが、必要なソリューションに非常に近いことがわかりました。ただし、作成者は、ブランチの最終/最大深度が既知であるという前提でスタイルシートを定義しています。

マークアップを「無限に」下降させ、スタイリングでこれをシームレスにサポートさせる方法があるかどうかを知りたいです。

これについてさらに説明が必要な場合は、お知らせください。

私が取り組んでいるプロジェクトの 1 つは、CSS の「属性」セレクター [att] を使用しています。

CSS セレクター

これは ie6 ではサポートされていません: IE6 での CSS セレクターのサポート(テキスト「属性セレクター」を探します)

もちろん、この問題を克服するための有効なhtml/cssである回避策/ハックはありますか?