問題タブ [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 - 要素の最初の文字を適用する CSS 疑似要素
h1 タグに「(Hello World)」というコンテンツがあるため、css に次を追加して、この要素の最初の文字を変更します。
しかし、私が気付いたように、first-letter は文字専用なので、このスタイルを最初の char に適用する回避策はありますか? この場合は「(」です。
css - Chrome 10 の隣接する兄弟セレクターと :before 疑似要素
これは奇妙なものです。http://www.madebypaz.com/profileでは、チャートの注釈 (ABC と画像) に疑似要素を使用し<OL>ています。私は次のように、隣接する兄弟セレクターを使用します。:before
これはおそらく最も洗練されたソリューションではありませんが、誰かが Chrome 10 で機能しないことを指摘するまで、Chrome を含むすべてのブラウザーで完全に機能しました。:hover スタイルが定義されていないため、これは興味深いことです。
これの画面記録は次のとおりです。http://cl.ly/0E170v1Z0O2E0f3F0j0d
なぜこれが起こっているのですか、どうすれば修正できますか? 同じ結果を達成するためのより良い方法はありますか?
どんなポインタでも大歓迎です！
css - 'a：before'および'a：after'の'：hover'条件を作成するにはどうすればよいですか？
どうすれば書き込み:hoverと:visited条件付けができa:beforeますか？
試しa:before:hoverていますが、機能していません。
jquery - jQuery で :before および :after 疑似要素をターゲットにする
重複の可能性:
JQuery を使用した CSS 疑似要素の操作
ページロード時に、クラスの :before および :after 要素が表示されるようにします。css で .lifted:before と .lifted:after を opacity:0 に設定しました。ドキュメントの準備ができている内に、次のものがあります。
これはうまくいきません。そして、.after jQuery マニピュレーターは、私が知る限り、コンテンツを挿入するためだけに作成されています。
jQuery を使用してこれらの疑似要素の css を操作する方法はありますか?
css - sass：最初の子が機能していません
私はSASSを長い間使用しておらず、:first-childまたはなどの疑似要素に問題があるかどうかを知りたいと思っていました:last-child。
css - title / alt属性をCSSに入れます：after {content：image}？
PDFにリンクするリンクにPDFアイコンを追加するための次のCSSがあります。
この画像にタイトルと代替属性を付けることは可能ですか？ユーザーがアイコンにカーソルを合わせて、「これは.pdfファイルにリンクしています」のようなテキストを取得できるようにしたいと思います。これは通常、タイトル属性を設定するだけで実行できますが、このメソッドで実行できるかどうかはわかりません。
html - CSS3 pseudo：beforeshapeをリスト画像に合わせる
cssの形をリストアイコンに合わせようとしています。
現在、次のようになっています。
しかし、次のようになります。
私はposition：absoluteを使ってみました。相対的; とマージン、まだ何もありません。ライブテストは次のとおりです。
css：
どうすればそれらを揃えることができますか？それとも、コーナーとしての画像がより良いオプションでしょうか？
html - 残りの要素のインラインブロック後の拡張：
（小さな正方形）のh3タグがあり、残りの幅に伸びる線が欲しいので。:before:after
:beforeとの両方:afterがに設定されてdisplay:inline-blockいるので、幅と高さを設定できます。
width:100%新しい行への:afterブレークの設定
こちらをご覧ください
psJavaScriptソリューションで大丈夫です
css - 選択時に境界線の色を変更する
::selectionおよび疑似要素を使用して、デフォルトの選択スタイルを変更しようとしています::-moz-selection。次の2つのルールを使用して、選択範囲の色と背景を正常に変更しました。
border-colorただし、リンクの選択時に白に変更する必要もあります。私はこのCSSでこれを達成しようとしています：
オーバーライドを追加しても!important、Safariは境界線の色をスタイル設定しません。
私は何が欠けていますか？選択時にリンクを変更できないのはなぜborder-colorですか？
javascript - Webページ上のテキストの選択のみを許可するCSS?
ページ上の項目の選択/強調表示をテキストでのみ使用できるようにする軽量の CSS または Javascript スニペットはありますか? テキストを強調表示しようとして、div や画像などを強調表示してしまうと、いつもイライラします。
テキストを強調表示する方法はありますか? これには、段落、アンカー、div と画像内のテキスト、およびすべてのヘッダー タグが含まれます。
ありがとう！〜ジャクソン
私は現在、彼が ETA した @Nick Radford のコードを実行しています。
ここにあります。もっと近くにありますが、ctrl+a でテキストを選択する以外にも、まだ多くの選択肢があります: http://designsweeter.com/