問題タブ [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.
css - すべての疑似クラスの子要素を選択するにはどうすればよいですか?
この CSS をより簡潔に記述する方法はありますか?
.vertical div内のすべての疑似クラスを選択し、すべてを青に設定しようとしています。
css - CSS 疑似クラス :active に混乱
私はここで CSS :active Selector を見ていました。
:active セレクタ スタイルは、アクティブなページにリンクします
HTML/CSS 用語で「アクティブなページ」とは一体何なのかと考えさせられました...
この時点で、w3docsセクションに移動しました: 5.11.3 動的疑似クラス: :hover、:active、および :focus。
:active 疑似クラスは、要素がユーザーによってアクティブ化されている間に適用されます。たとえば、ユーザーがマウス ボタンを押して離すまでの時間です。
そこで、w3shools の try it ページの 1 つを使用して例をハックし、次のコードを置き換えました。このコードをカット アンド ペーストして試すことができます。
フォーム フィールドは :focus で機能します。ただし、ボタンまたはリンクは :active では機能しません。
何故ですか?w3schools が話したことを理解していない「アクティブなページ」について何かありますか。
グーグルでこの素晴らしいヒントを見ましたが、関連しているとは思いません。
css - リンク内の疑似クラス テキスト装飾後の CSS
私の質問の目標は、リンクの後にファイルタイプを追加するコードを作成することです (特別なファイルを期待する必要があるかどうかを人々が知ることができるように)。現在、画像を使用してこれを行うオプションがありますが、私はそれがあまり好きではなく、ファイルの種類を角括弧で囲んで別のサイズにしたいと考えています。私のアプローチは、次の方法で :after 疑似クラスを使用することです
しかし、これは私に非常に奇妙な問題を引き起こします。コンテンツは、リンクの一部であるブロックにあるようです。したがって、リンクの下線は「[DOC]」の下のリンクの後に続きます。
したがって、質問は非常に簡単です。これを別の方法で行う方法、または「[DOC]」の下にあるものをリンクの下にあるものとは別に制御できるようにする方法はありますか?
html - ホバー状態のタグの後にCSSでHTMLを使用する
私は現在、cssの:after疑似クラスにいくつかのhtmlを渡して、リンクにカーソルを合わせた後に矢印を追加しようとしています。これはかなり前に、デフォルトのインストールで出荷されていたストックのWordPressテーマで行われているのを見てきました。何か簡単なものが欠けているような気がします。
少し早いですがお礼を!
html - インライン スタイルを持つ CSS 疑似クラス
インライン スタイルを使用して疑似クラスを作成することは可能ですか?
例:
上記の HTML が機能しないことはわかっていますが、同様の機能はありますか?
PS 外部スタイル シートを使用する必要があることはわかっています。インラインスタイルを使用してこれを行うことができるかどうか、私はただ興味がありました.
css - FirebugでCSS疑似クラスを検査するにはどうすればよいですか?
私はa:hover
オーバーライドできない気が進まないcssスタイルに苦労しています。
Firebugの要素を調べようとしましたが、なぜ機能しないのかわかりません。a:hover
Firebugでcssイベント を適切に検査する方法すらわかりません。
私は見たことがあります:
Firebugでのホバー検査http://blog.borngeek.com/2010/04/16/hover-inspection-in-firebug/
しかし、そこに記載されている手順を再現する方法がわかりません。
また:疑似ファントムhttp://meyerweb.com/eric/thoughts/2009/11/03/pseudo-phantoms/
:hover
FirebugのようにCSS疑似クラスを検査/デバッグするにはどうすればよいですか?
css - IE 7/8: ブロック要素のアクティブ疑似
display:block; 要素の :active 疑似クラスを無視する IE7/8 に関する問題に遭遇しました。
HTML:
機能する CSS:
失敗する CSS:
誰かがこれに対する解決策を知っていますか、それともJSに頼る必要がありますか?
css - CSS3セレクターの問題
これが機能する理由がわかりません。
しかし、これは機能しません:
「border」プロパティは単なる例であり、他のプロパティもすべて却下されます。
css - :hover 疑似クラスはユニバーサル セレクターでは機能しません *
私が書いたら
h1 要素と li 要素の両方がホバー効果を取得します。
私が書いた場合のバフ:
これはアンカー要素にのみ影響します。
:hover 疑似クラスはユニバーサルセレクターでは機能しませんか?
html - :before 疑似クラスが画像で機能しない
私は次のHTMLを持っています:
:before は画像には表示されませんが、どの div にも表示されます。
なんで?
更新: W3C でこの説明を見つけました:
ノート。この仕様は、:before および :after と置き換えられた要素 (HTML の IMG など) との相互作用を完全には定義していません。これは、将来の仕様でより詳細に定義されます。
更新 2:
私は言及するのを忘れています-CSSで画像の「alt」属性を視覚化する必要があります。