問題タブ [pseudo-class]

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 投票する
3 に答える
159 参照

html - CSS でセレクター ブロックをネストできないのはなぜですか?

ドロップダウン メニュー内に別のドロップダウン メニュー効果を作成しようとしています。

観察:

CSS:

私がそれを行った唯一の理由は、このようなものが実際に機能するかどうかを確認することでした. そうではありません。私は本当にこの言語のファンではないと言わざるを得ません。この種の方法と設計/スクリプト パターンを実装しない理由があったことは確かですが、それを実装する理由も十分にあるようです。

CSS でセレクター ブロックをネストできないのはなぜですか?

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

javascript - jQuery と CSS :before

CSS :before 疑似クラスと jQuery .before() メソッドの両方を使用し<li>て、ページ上に同じコンテンツ (要素) を生成し、ブラウザーの互換性を最大限に高めたいと考えています (つまり、IE 6-7 と JavaScript が無効になっている他のブラウザーの両方)。 )。これは可能ですか?どちらが他のものをオーバーライドしますか?

0 投票する
5 に答える
1800 参照

html - 孫を除くすべての子要素を取得する方法

ここを参照してください:http://jsfiddle.net/QVhAZ/4/

どうすれば使用でき*ますが、直接の子にのみ適用できますか? divこの例では、「孫(赤であってはならない)」ではなく、「子」にのみ適用したいと思いますdiv

各「子」にクラスを適用したくありませんdiv。言いたいことは次のとおりです。

0 投票する
4 に答える
11165 参照

javascript - JavaScriptを使用して疑似クラスのスタイルを変更するにはどうすればよいですか?

この例は、簡単にするために、私が何をする必要があるかを示したものにすぎません。たとえば、CSSでスタイルが設定されている要素があります。スタイルは、要素と疑似クラス、たとえばelement:hoverに設定されます。次のJavaScriptを使用して、要素のスタイルをオーバーライドできます:element.style.setProperty('property-name'、'new value'、'')。JavaScriptを使用して疑似クラスのスタイルを変更するにはどうすればよいですか?

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

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

css - クラスの最初のタイプを表示する

私は項目のリストを持っており、それぞれにクラスがあり、クラスは全体で繰り返されています。各クラスの最初のインスタンスのみを表示したい。CSSだけでそれは可能ですか?

したがって、上記のコードでは、1 番目、3 番目、および 5 番目のリスト項目のみが表示されます。

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

jquery - 疑似クラスのjqueryの問題

jqueryファイルの後にロードされた外部ファイルに次のスクリプトを挿入しました。コードは「.each」行まで正常に実行されます

});

問題は、「アラート」部分が実行され、正しい数の要素が表示されることですが、Opera の [Dragonfly エラー] タブを見ると、次のメッセージが表示されます。

1) "Unknown pseudo class Line 1: :text" - このメッセージは 'alert' 行と

2) "Unknown pseudo class Line 1: input:text - このメッセージは次の行用です

私は初心者ですが、このコードのエラーを確認できる同僚はいますか?

fx.init() は、ファイルの上部にある小さなオブジェクトで、ページに div を動的に作成します。

ps: このコードは Opera 11.10 と firefox 4 の両方でテストされ、両方とも同じ結果でした

前もってありがとう、デニス・r。

0 投票する
4 に答える
643 参照

css - アンカー ( ) と、同じ :target を持つ ID 化された div を選択します

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

css - CSS-IE 6で:hover疑似クラスを非アクティブ化する方法

私はホバーナビゲーションを使用していますが、すべてうまく機能しています。本当に満足しています。しかし、私はIE6にもサディスティックです-それで、:hover疑似クラスを非アクティブ化するCSSの方法はありますか?

お気に入り

しかし、そのような関数はないと思います。それで、おそらくJQueryスニペットですか?さて、私はあなたたちを頼りにしています!

編集: ここに私の実際のコード-そしてはい...それはliで動作します。IE6でホバーできます(ただし、少しバグがあるため、この関数を無効にして、JQUERYホバー(function()...)を使用します。

0 投票する
6 に答える
2870 参照

css - ファイルの種類を示すためにリンクの前後にアイコンを配置するベスト プラクティスは何ですか (例: Adob​​e PDF、オーディオまたはビデオへのリンク)

私のチームは、私たちのサイトにあるさまざまな種類のメディア ファイルへのリンクの後にアイコンを挿入するためのベスト プラクティスについて議論していました。例としては、PDF へのリンクと、それが PDF であることをユーザーに知らせるためにアイコン画像を挿入したい場合があります。同じことがビデオまたはオーディオファイルにも使用できます。

私は、CSS を使用してクラスを配置し、:after を使用して要素を作成することを提案しました。

IE6 と IE7 は疑似 CSS クラスをサポートしないことを思い出しましたが、それ以外に、より良い方法はありますか?

リンクが順序付けされていないリストにある場合、アイコン画像を使用して黒丸文字を置き換えることができることは知っていましたが、段落やその他の HTML 要素については確信が持てませんでした.

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

css - CSS疑似クラス:focusおよび:activeがIE8の〜コンビネータで機能しない

私はCSS疑似クラス:focusまたは:activeと非常に混同しています。これは、ie8の:hoverでうまく機能するためですが、:focusまたは:activeでは機能しません。このような:

:activeを使用して:focusを置き換えると、同じ問題が発生しますが、:focusまたは:activeを〜なしで使用すると、:hoverは正常に機能します。混乱します〜TX〜