問題タブ [pseudo-element]

Chromeは「前」の疑似要素を要素の一部として扱っていないように見えます。もっと正確に言えば、CSSの定義があります

およびHTMLコード

Chromeでは、結果はハイパーリンク「AB」になりますが、実際にクリックできるのは「B」だけです。FirefoxとOperaでは、「AB」全体がリンクであり、CSS標準を読んだところ、Chromeがここで間違っていることがわかりました。

これがChromeのバグだと思い込んでいますか？シンプルでクリーンな回避策はありますか？

::beforeを持ついくつかのテーブルセルにセレクターを追加したいのですposition:absoluteが、失敗します:

::beforeすべての にを追加すると、機能することに気付きましたtr。

しかし、これは私が望むものではありません。なぜなら、それらのいくつかにのみ追加したいからです。

:before:CSS 疑似要素を介して挿入しているコンテンツ:afterがクリックされたときに、jQuery アニメーションをトリガーしたいと考えています。ただし、これを行う方法がわかりません。私の最初の推測は$(#id:before).click()うまくいきませんでした。これは jQuery の機能の一部ですか? もしそうなら、どのようにbefore/afterコンテンツを選択しますか?

私はcss疑似要素：beforeと：afterを使用して、Webサイト上の一部の画像にインデント効果を与えています。ただし、幅と高さを指定しないと、これらは表示されません。これにより、各画像に固定の幅と高さを指定する必要があります。これは、静的なWebページで機能すると思います。

ただし、これらの画像はjQueryを使用して動的に生成され、ユーザーが送信するため、画像の幅と高さは毎回異なります。これで、画像から幅を取得して：beforeに渡すことで、Javascriptでこれを修正できる可能性がありますが、これは、このようなものには手間がかかりすぎるようです。

私の質問は、CSSのみでこれを行う方法があるかどうか、この<li>の：beforeに渡される画像を含む幅を設定して、：beforeおよび：after疑似要素が幅を継承するようにすることです。元の要素の高さ。

基本的なページレイアウト：

PS：必要な互換性は、モバイルWebkitブラウザーのみです。

編集

たとえば、次の行を使用して、Javascriptを使用してCSSに行を追加できます。

ただし、これは、動的IDも使用する必要があることを意味します。これは難しいことではありませんが、CSSだけの方法がないのではないかと思っています。

こんにちは、要素にタイトル属性を設定するためにこれを使用しています:

次に、CSS3 を使用してこれを行います。

私の質問は、要素にカーソルを合わせると、適切な CSS のタイトルが希望どおりに表示され、TD に沿って移動でき、すべての上に「アップグレード先」が表示されることです。

問題は、最初のものにカーソルを合わせると、CSS タイトルが表示されるだけでなく、デフォルトの灰色のブラウザー タイトルが表示され、他の TD に移動しても表示されたままになることです。デフォルトのタイトルのポップアップを非表示にしながら、ホバー時に CSS:after タイトルを表示するにはどうすればよいですか?

このようにコード化された簡単なメニューがあります

このように見える

各メニュー項目の間にある小さなドットは、:after 疑似要素を使用して作成されます。すべてが正常に機能していますが、ネストされたリストになるサブメニューも必要です。

問題は、このようにメニューに改行を追加するときです

SafariとChromeでこの結果が得られます（Firefoxではありません）...

webkit が空白を「前」として扱っているように思えます。:after 要素の CSS は次のようになります。

white-space: normal/nowrapまた、何も影響しない ul、li、:after 要素を設定しようとしました。

どこが間違っているのか誰にもわかりますか、それとも Webkit/Firefox の問題ですか?

アップデート

http://jsfiddle.net/zmVbH/でデモを作成しました

Modal絶対に配置され、親の上にzインデックスが付けられ、JQueryで適切に配置されたCSSクラスがあります。モーダルボックスの上部にカレット画像（^）を追加したいので、:beforeCSS疑似セレクターを使用してこれをきれいに行うことを検討していました。

content画像はモーダルの上に絶対的に配置してzインデックスを付ける必要がありますが、属性の画像に適切なクラスを追加する方法が見つかりませんでした。

次善のオプション-コンテンツ属性にスタイルをインラインで追加できますか？

Google Chrome ブラウザーが疑似要素 (::before および ::after) の 3D 変換をサポートしていない理由を誰かが知っていますか?

Google Chrome 13.0.782.55 ベータ版を編集

テストケースを設定しました。ここでは、CSS疑似要素（:: after）が、指定された（親）要素の上にマウスを置いたときに表示されます。これまでのところすべて正常に機能していますが、疑似要素の負のトップマージンは、生成された要素ではなく親に影響します。（負の左マージンは期待どおりに機能しますが。）

誰かがこの動作を説明したり、回避策を知ったりできますか？

私は CSS 疑似要素セレクターを他の多くのセレクターと同様に使用してきました。

しかし、私は頭を悩ませ、マークアップと並んで位置する理由を考え出すのに苦労しています.

次の例を見てください。

<span>では、タグを使用するよりもこれを使用する利点は何ですか?

と のポイントが:beforeあり:afterませんか? 既存のセマンティック マークアップよりもそれらを使用する確固たる理由はありますか?