削除：ホバーon：elemets後

:after擬似セレクタのリンクで:hoverの動作を削除しようとしています。しかし、私はそれが不可能だと思う。削除：ホバーon：elemets後

誰かがそれが可能であれば知っていますか？ありがとう。

2012-04-12 davidmatas

擬似要素position:absolute;を:afterに与え、それにmarginを付けてそれをシフトする必要があります。 :afterのコンテンツが正しく表示されるようにするには、アンカーにdisplay:inline-block;が必要です。

2012-04-12 11:13:38

は、これは、例えば、IE9、のいずれかの違いはありません。 – thirtydot

あなたは正しいですが、ChromeとFirefoxでは動作しますがIEでは動作しないようです。おそらく、この問題のCSSベースの完全な解決策はありません。 –

私はそこにいるとは思わない。私はこの以前の質問を思い出す：http://stackoverflow.com/questions/5434819/cannot-undo-to-decoration-for-child-elements – thirtydot

これを処理する最も簡単な方法は、各リンクにテキストの周りspanをラップすることです：:hoverに

<a href="#"><span>test</span></a>

のみspanがtext-decoration: underlineを与えられます。

a:hover span {text-decoration: underline}

2012-04-12 11:28:57 thirtydot

私の答えに記載されているテキスト装飾の伝播は、疑似要素に適用されます。よく生成するボックスは 'a'要素のボックスの子です。しかし、JoshのソリューションがChromeとFirefoxでうまく動作する理由はあまりわかりません。 – BoltClock

答えて