問題タブ [css-content]

誰かが私を正しい方向に導いてくれることを願っています。私は CSS で :before と :after を使用する方法を学んでいたので、メニュー ナビゲーションを作成しようとしましたが、どういうわけか、右の影の画像を :before と :after として表示することで、思いどおりに作成することができましたが、すぐにメニューをロールオーバーすると、メニューが上がります。パディングとマージンを入れようとしまし!importantたが、何も機能しませんでした。

私の2番目の問題は<li>、リンクがありますが、テキスト<a>のロールオーバーの色のみを変更することです。メニュー全体の色を変えたいのですがうまくいきません。私のコードはこの JsFiddle にあります: <li>

HTML:

CSS:

これを修正する方法を教えてください。

自分で修正しました。ありがとうございました。

CSS 疑似要素を使用してあちこちにテキストを挿入する Web サイトを運営しています。それらの 1 つは、CSS カウンターの値を挿入します ( CSS テキスト インジェクションなしでこれを行うには、システムのかなりの再設計が必要になります)。具体的な CSS ルールは次のとおりです。

これにより、「 Definition」が「Definition 1 」に変換されます（たとえば）。

ただし、挿入されたテキストはブラウザで検索できません。1「Definition 1」を検索しても見つからず、「Definition。定義テキストが何であれ」を検索すると、ブラウザーは挿入された を除く行を喜んで強調表示します1。したがって、太字のテキストを強調表示として想像すると、次のようになります。

定義1 ．定義テキストが何であれ

これは理想的ではありません。人々は定義を番号で参照し、「XYZ ページの定義 1 を見てください」と言うのが好きです (そして、ハイパーリンクが使用できない状況では - 奇妙なことですが、実際に発生します)。

したがって：

1. サーバー側で、挿入されたテキストを「検索可能」として指定する方法はありますか?
2. そうでない場合、ブラウザ側でこれを有効にする簡単な方法はありますか?

私のウェブサイトでは、特定のリンクタイプにフォントアイコンを使用しています。これらのアイコンは、:beforeCSS構文を介して追加されます。

ただし、このリンクが行の先頭にある場合、アイコンから分離されることがあります。

上記のCSSルールに追加しようとしwhite-space: nowrapましたが、役に立ちませんでした。

アイコンとテキストを一緒に保つにはどうすればよいですか？（CSS 3は大丈夫です）

注：リンク全体を。でフォーマットしたくありませんwhite-space: nowrap。

これは私の最近の質問への追加です: 疑似要素を使用して、含まれている要素を絶対位置の要素をラップするようにすることは可能ですか (clearfix のように)?

JSFiddle: http://jsfiddle.net/derekmx271/T7A7M/

疑似要素を使用して、絶対位置の画像を「クリアフィックス」しようとしています。スライドの後ろに同じ画像を表示できるようになりましたが、挿入された画像に幅を適用できないようです。私は気が狂っていますか、コンテンツがコンテンツである疑似要素に幅を適用できないでしょうか: url(img/image.jpg)? display:block などのさまざまなバリエーションを試してみましたが、役に立ちませんでした...

疑似要素の画像の幅を 100% に、最大幅を 800px に設定して、スライドと同じサイズにする必要があります。

andを使用して追加された疑似要素を持つコンテナdivがあります。input type="checkbox"::before::after

JSFiddle の例注: 現時点では webkit 用にのみ記述されています。

JavaScript を使用して、コンテナ要素の CSS 可視性プロパティを「visible」から「hidden」に変更します。これは、「可視」から「非表示」に移行する場合にのみ発生するようで、その逆では発生しません。

疑似要素は、消える前にしばらく表示されたままになります。

可視性を切り替えるときに疑似要素が残るのを防ぐことは可能ですか?

PS: これを IE と Firefox で動作させる方法を教えていただければ、永遠の感謝を捧げることができます (この例には Webkit タグしかないことはわかっていますが、それを修正するために必要なことはそれだけですか?)

疑似要素はDOMの一部ではありません。それらはjavascriptのターゲットにすることはできず、ユーザーに表示されます。

自分の電子メールアドレス（または自動的に取得したくないその他の情報）を使用してサイトを実装したいが、ロボットに表示したくない場合は、単純に次のことを行うことはできません。

私にとって、これはロボットからコンテンツを隠すための非常に不気味で絶対確実な方法です。どのように失敗しますか？

私はここでそれをまったく理解していません.firefoxは、最初の見積もりを受け入れるはずであるという事実にもかかわらず、私の最初の手紙として❝（U-275D）を受け入れたくありません.

誰にもアイデアはありますか？http://jsfiddle.net/DXn3B/1/

私が理解しているように、CSS を使用して要素の内容を:hover基本的な方法で変更できます。私はこのコードを使用しています

HTML:

CSS:

しかし、ボタンの上にカーソルを合わせると、非常にひどくけいれんします

このリンクの音楽プレーヤーのようにスムーズにしたい

lease、premium、または価格の下にあるボタンのいずれかにカーソルを合わせると、テキストtrackoutに切り替わります。+add

ここに私のプレーヤーの一部があります http://djwckd.com/test

:after疑似を使用してのみ表示することは可能:hoverですか？たとえば、代替要素を使用します。

私が同じ方法で得た限り：

それは可能ですか？それとも私は自分をだましていますか？

作業しているサイトで、iconizeを使用する古いコードを調べています。それが機能しているように見える方法は、このようなクラスを追加することです...

私がやった方法よりも、その方法でそれを行うことに何か利点はありますか？このようなもの...

これらの両方を示すためのフィドルがあります...

JSFiddle

私の質問は...疑似要素を使用することと、要素に画像を追加/追加するための標準のパディングと背景の配置を使用することの利点は何ですか？