問題タブ [css-selectors]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1646 参照

jquery - 内部にネストされた2つの画像のいずれかを参照します
jQueryを使用する

私のDOMは次のようになります。

1番目または場合によっては2番目のimgのソースを変更する必要があります。

私はjQueryを使用していますが、セレクターのハンドルはまだありません。

0 投票する
2 に答える
1373 参照

css - CSSで複数のクラスを持つ要素を照会する方法はありますか?

同時に 2 つのクラスを持つ要素を照会するにはどうすればよいですか?

例えば:

「メジャー」クラスと「マイナー」クラスを持つすべてのスパンを同時にスタイルしたいと考えています。

0 投票する
8 に答える
66999 参照

css - CSS セレクターではない

ある種の「ない」CSSセレクターはありますか?

たとえば、CSS に次の行を記述すると、クラスclassnameを持つタグ内のすべての入力フィールドの背景が赤になります。

クラスclassnameのタグの外側にあるすべての入力フィールドを選択するにはどうすればよいですか?

0 投票する
2 に答える
72954 参照

javascript - 直接の子のみを対象とし、他の同一の子孫を対象としない CSS セレクター

アイテムを動的に追加または削除でき、n レベルの深さでネストできる、ネストされた並べ替え可能なリストがあります。ネストすると、親として選択された li 要素に新しい ul 要素が挿入されます。リストの初期状態は次のようなものです。

MooTools を使用して並べ替えなどを行っていますが、正常に動作しますが、並べ替え時に位置テキストを正しくリセットするのに問題があります。私が使用しようとしているすべての CSS セレクターには、リストに属し、サブリストに属していない li 要素だけでなく、すべての子も含まれています。id、位置、およびテキストを除いて、すべてのリストの各 li 要素が他のすべての要素と同一であると仮定します。直接の子のみを取得するセレクターはありますか? これを行う別の方法はありますか?

言及されているようないくつかの子セレクターを試しました:

  • ul > li直接の子だけでなく、ul の子であるすべてのli 要素を選択します。
  • #parent > li上記と同じことを行います。

これは、アイテムがドロップされたときに現在実行している関数です。これは、並べ替えを処理せず、位置を更新するだけで正常に機能します。これは MooTools の構文でもあることに注意してください。

現在、メイン レベルでアイテムの順序を変更すると、サブリストも含めてすべて 1 ~ 12 の番号が付け直されます。サブリストの項目を変更すると、そのリストに正しい番号が付けられますが、親リストが番号付けですべての子 li 要素を誤ってカウントする原因になります。

これは醜いハックのように感じますが、うまくいきます:

0 投票する
1 に答える
2203 参照

javascript - jQueryは他のすべての画像をフェードします

jQuery を使用してこのコードを作成し、画像をフェードさせ (ただし、マウスを上に移動したものではありません)、すべての画像が同時にフェードします!

誰かが私がマウスをポイントしたものを除く他のすべての画像をフェードするのを手伝ってくれませんか?

0 投票する
3 に答える
6174 参照

firefox - FirefoxのCSS3「nth-child」サポート?

css3.infoのセレクターテストによると、Firefox3.0はn番目の子セレクターのいくつかの順列をサポートしています。ただし、ここに示されているコード(#30)は私には機能しません。

空の段落が選択されるはずなので、コードを次のように編集しましたが、Firefoxでは表示されません(Operaで動作します)。

これはテストのバグですか、それともどこかでエラーが発生しましたか?

0 投票する
3 に答える
974 参照

css - SIFR'ing
  • 親のみ
  • 私は SIFR 3.0 を suckerfish ポップアップ メニューと組み合わせて使用​​しています。トップレベルのliのみをSIFRし、ネストされたものには効果を適用したくありません。WordPress も使用しているため、親を <div> やその他のオブジェクトでラップするなど、メニューを再構築するのは難しすぎます (WordPress の基本をまだ理解しているところです)。

    ul#menu li の SIFR を ON にして ul#menu li li の SIFR を OFF にする方法はありますか?

    うまくいかなかった他のことは、クラスまたはIDを親 <li class="top-level"> または <li id="top-level"> に適用することです-SIFRを停止しませんでした、それはまだ子供たちをつかみました。

    助けてくれてありがとう。

    0 投票する
    1 に答える
    912 参照

    jquery - jquery属性セレクターで選択できない属性

    セレクターを自動生成していますが、問題が発生しました。一部の属性セレクターは機能しません。たとえば、このページでは、次のセレクターが期待どおりに機能しません。

    action 属性の値を使用して <form> を選択できないことにも気付きました。

    質問: jquery セレクターで機能しない属性の完全なリストはどこかにありますか?

    質問ではありません: jquery 関数を使用してこれらの属性を持つ要素を選択する方法を尋ねているわけではありません。

    ありがとうございました。

    0 投票する
    2 に答える
    7698 参照

    jquery - jquery属性セレクターで属性が見つかりません

    以前の質問を再質問する必要があります。おそらく午前 1 時に質問するべきではなかったでしょう :P

    jquery の属性セレクターを使用して、いくつかの属性が見つからないようです。

    これまでのところ、フォームのアクション属性と img の src 属性を使用できないようです。機能しない属性のリストがどこかにあるので、それらのカスタムセレクターを作成できますか?

    再度、感謝します!


    編集: 一部のセレクターが期待どおりに機能しないとは誰も信じていないようです。この例を見てください:このサイト(firebugging 用に jquery 1.3 を持っています) には、次のようなフォームがあります:

    (「現在のダウンロードを検索」ドロップダウン周辺)。firebug を開いてこのセレクターを試すと、次のようになります。

    フォームを選択することはできません。action 属性について特別なことは何もありません。そのページのロゴ画像の src についても同様です。

    機能しないセレクターは次のとおりです。

    確かに、私はワイルドカード マッチを行うことができますが、それは私が求めているものではありません。