問題タブ [pseudo-element]
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 - 親要素の下に疑似要素の重なり順を設定することは可能ですか?
:after
疑似要素 CSS セレクターを使用して要素のスタイルを設定しようとしています
It seems like the ::after
element can not be lower then the element itself.
Is there a way to have the pseudo element lower then the element itself?
css - 不明な疑似要素または疑似クラス:hover
私はこれほど細心の注意を払ったことはありませんが、次のエラーが発生します。
次のコードで
いつから:hoverは有効なcssではなく、代替手段は何ですか?
私はこれがどこでも使われているのを見ました...
css - リスト内のxmlカウント要素がFirefoxで機能しない
XML ドキュメントの表示をカスタマイズする CSS を作成しています。基本的に、子要素の表示をカスタマイズして、HTML OL/UL/LI 要素と同様にレンダリングしたいと考えています。
私のXMLは次のように構成されています:
私のCSSは次のようになります。
私はこのサイトを使用しています: http://www.xml.com/lpt/a/401と基本的に同様のドキュメントがあります http://www.xml.com/2000/03/29/tutorial/examples/display1.xml、問題は、display1.xml が firefox で機能しないことです。IE、Safari、Chromeなどで動作します。
他のブラウザーと同様に、Firefox で機能するリンクまたは機能を提供できますか?
css - Chromeと最初の文字の疑似要素に関するCSSの問題
Windows上のGoogleChromeが、IE、Firefox、Safariなどの他のすべてのブラウザと比較して、段落の最初の文字を異なる方法で配置するという問題があります。違いは垂直方向の配置にあります。文字は他のすべてのブラウザでは高く表示されますが(すべてのブラウザで同じように)、Google Chromeでは低く表示されるため、最初の文字のスタイル設定はほとんど不可能です。
なぜ、どのようにこれが起こるのか知っていますか?
母DIVのスタイリングが段落のスタイリングに影響を与えている可能性がありますが、私はそうは思いません。
また、ちなみに、WordPressのDrop-CapsプラグインはFirefoxでは動作しません。
html - ::before および ::after 疑似要素をサポートする要素はどれですか?
HTML5 で s の適切なデフォルト スタイルを<input>
考え出そうとしていますが、次のことを試しました。
残念ながら、::after
コンテンツは表示されません。疑似要素の二重コロンと単一コロンの問題ではありません。私は両方を試しました。また、疑似要素と疑似クラスを使用しても問題ありません。:valid
と なしで試してみました:invalid
。Chrome、Safari、および Firefox で同じ動作が得られます (Firefox には:valid
および:invalid
疑似クラスがありませんが、それらなしで試しました)。
疑似要素は、 、 、 、および要素で正常に機能し<div>
ます<span>
。<p>
その<q>
一部はブロック要素であり、一部はインラインです。
だから、私の質問は、ブラウザが<input>
s を持っていないことに同意するのはなぜ::after
ですか? これを示す仕様には何も見つかりません。
html - HTML疑似要素の配置
私のCSSは次のようになります。
背の高い(高さ)gifを撮りたいのですが、cssを適用すると、線の高さが増加します(大きな画像を表示するには十分なスペースがあるようですが、pタグの線の高さは18pxです)。gifを含む疑似要素をページの少し上に配置することは可能ですか?他に解決策はありますか?
jquery - jQueryを使用して疑似要素のスタイルプロパティにアクセスするにはどうすればよいですか?
文脈上、これは以前の質問のフォローアップです。掘り下げるのではなく、これらのルールの効果cssRules
を検索するjQueryセレクターに基づいてロジックを作成したいと思います。
与えられたデフォルトのプロパティ
のように選択的に変更されます
それぞれの背景位置にデフォルト値がある疑似要素を選択するにはどうすればよいですか?のようにセレクターをコピーする
何にも一致しません。で試し.siblings()
てみる
値のみを生成しnone
ます。
詳細については、ライブページを参照してください。これは可能ですか?
css - :before および :after 疑似要素の -webkit-animation/transition-property を有効にする方法は?
-webkit-animation
:before および :after 疑似要素を有効にする方法は?
http://jsfiddle.net/4rnsx/で、:before と :after では機能しないことがわかります。
ここでは、Mootools http://jsfiddle.net/6bzCS/でこの機能を有効にしようとしています。
Mozilla - Firefox 4 でサポート予定https://developer.mozilla.org/en/CSS/-moz-transition-property
W3C - CSS3 は、すべての要素の transition-property をサポートしています。:before および :after 疑似要素http:// www.w3.org/TR/css3-transitions/#transition-property
更新: CSS3 ツールチップの有効fadein
化方法http://css-plus.com/2010/04/create-a-speech-bubble-tooltip-using -css3-and-jquery/とデモ?fadeout
html - Internet Explorer 7 の :after および :before CSS 疑似要素ハック
私はCSS 疑似要素を使用しており、:after
Internet Explorer 8および最新のすべてのブラウザーでは正常に動作していますが、Internet Explorer 7 では正常に動作していません。Internet Explorer 7でこれを回避するための既知のハックはありますか?:before