問題タブ [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 投票する
2 に答える
1122 参照

css - すべての疑似クラスの子要素を選択するにはどうすればよいですか?

この CSS をより簡潔に記述する方法はありますか?

.vertical div内のすべて疑似クラスを選択し、すべてを青に設定しようとしています。

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

css - CSS 疑似クラス :active に混乱

私はここで CSS :active Selector を見ていました。

:active セレクタ スタイルは、アクティブなページにリンクします

HTML/CSS 用語で「アクティブなページ」とは一体何なのかと考えさせられました...

この時点で、w3docsセクションに移動しました: 5.11.3 動的疑似クラス: :hover、:active、および :focus。

:active 疑似クラスは、要素がユーザーによってアクティブ化されている間に適用されます。たとえば、ユーザーがマウス ボタンを押して離すまでの時間です。

そこで、w3shools の try it ページの 1 つを使用して例をハックし、次のコードを置き換えました。このコードをカット アンド ペーストして試すことができます。

フォーム フィールドは :focus で機能します。ただし、ボタンまたはリンクは :active では機能しません。

何故ですか?w3schools が話したことを理解していない「アクティブなページ」について何かありますか。

グーグルでこの素晴らしいヒントを見ましたが、関連しているとは思いません。

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

css - リンク内の疑似クラス テキスト装飾後の CSS

私の質問の目標は、リンクの後にファイルタイプを追加するコードを作成することです (特別なファイルを期待する必要があるかどうかを人々が知ることができるように)。現在、画像を使用してこれを行うオプションがありますが、私はそれがあまり好きではなく、ファイルの種類を角括弧で囲んで別のサイズにしたいと考えています。私のアプローチは、次の方法で :after 疑似クラスを使用することです

しかし、これは私に非常に奇妙な問題を引き起こします。コンテンツは、リンクの一部であるブロックにあるようです。したがって、リンクの下線は「[DOC]」の下のリンクの後に続きます。

したがって、質問は非常に簡単です。これを別の方法で行う方法、または「[DOC]」の下にあるものをリンクの下にあるものとは別に制御できるようにする方法はありますか?

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

html - ホバー状態のタグの後にCSSでHTMLを使用する

私は現在、cssの:after疑似クラスにいくつかのhtmlを渡して、リンクにカーソルを合わせた後に矢印を追加しようとしています。これはかなり前に、デフォルトのインストールで出荷されていたストックのWordPressテーマで行われているのを見てきました。何か簡単なものが欠けているような気がします。

少し早いですがお礼を!

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

html - インライン スタイルを持つ CSS 疑似クラス

インライン スタイルを使用して疑似クラスを作成することは可能ですか?


例:

上記の HTML が機能しないことはわかっていますが、同様の機能はありますか?

PS 外部スタイル シートを使用する必要があることはわかっています。インラインスタイルを使用してこれを行うことができるかどうか、私はただ興味がありました.

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

css - FirebugでCSS疑似クラスを検査するにはどうすればよいですか?

私はa:hoverオーバーライドできない気が進まないcssスタイルに苦労しています。

Firebugの要素を調べようとしましたが、なぜ機能しないのかわかりません。a:hoverFirebugでcssイベント を適切に検査する方法すらわかりません。

私は見たことがあります:
Firebugでのホバー検査http://blog.borngeek.com/2010/04/16/hover-inspection-in-firebug/
しかし、そこに記載されている手順を再現する方法がわかりません。

また:疑似ファントムhttp://meyerweb.com/eric/thoughts/2009/11/03/pseudo-phantoms/

:hoverFirebugのようにCSS疑似クラスを検査/デバッグするにはどうすればよいですか?

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

css - IE 7/8: ブロック要素のアクティブ疑似

display:block; 要素の :active 疑似クラスを無視する IE7/8 に関する問題に遭遇しました。

HTML:

機能する CSS:

失敗する CSS:

誰かがこれに対する解決策を知っていますか、それともJSに頼る必要がありますか?

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

css - CSS3セレクターの問題

これが機能する理由がわかりません。

しかし、これは機能しません:

「border」プロパティは単なる例であり、他のプロパティもすべて却下されます。

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

css - :hover 疑似クラスはユニバーサル セレクターでは機能しません *

私が書いたら

h1 要素と li 要素の両方がホバー効果を取得します。

私が書いた場合のバフ:

これはアンカー要素にのみ影響します。

:hover 疑似クラスはユニバーサルセレクターでは機能しませんか?

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

html - :before 疑似クラスが画像で機能しない

私は次のHTMLを持っています:

:before は画像には表示されませんが、どの div にも表示されます。

なんで?


更新: W3C でこの説明を見つけました:

ノート。この仕様は、:before および :after と置き換えられた要素 (HTML の IMG など) との相互作用を完全には定義していません。これは、将来の仕様でより詳細に定義されます。


更新 2:

私は言及するのを忘れています-CSSで画像の「alt」属性を視覚化する必要があります。