2017-01-18 3 views
0

私の質問はほぼ正確にHow do I get this CSS text-decoration override to work?と同じです。しかし、私はこの質問が7歳であることを知り、これを達成する方法があるのだろうかと思います。下線を持つ別の要素内の要素の下線を無効にします

<a href='abc'> 
 
    This is underlined <span>But not this.</span> 
 
</a> 
 

私はspanでのみテキストに下線をされないようにしたい:

は基本的に私はこのようになります構造を有しています。私はボーダーボトムを使用してこれを達成できることを理解しています。または、 aタグから下線を削除し、下線を引いたテキストを spanに挿入します。

子要素でtext-decoration: underlineを上書きする方法が7年後にあるかどうかを知りたいだけです。

+0

古い質問への新しい答えを誘致したい場合は、それに懸賞金を掲示考えます。重複した質問をしないでください。 – Quentin

+0

@クエンティン:質問に回答があっても受け入れられますか?私は賞金の仕組みがわからない。私の無知を許しなさい。私は私の評判を失いたくないと思うし、これは公正な問題だと思う。 – Yathi

答えて

-1

あなたが望むものを達成するためにCSSを使用してください。

a span { 
 
    text-decoration: none !important; 
 
    display: inline-block; 
 
}
<a href='abc'> 
 
    This is underlined <span>But not this.</span> 
 
</a>

+1

あなたの質問を誤解した場合は、すみません。しかし、私はあなたが 'これは下線が引かれている'テキストに下線を引いて、 'this but not'というテキストから下線を削除したいと思っていました。 –

+0

@ Yathiこれを試しましたか?それは動作します。スニペットでもそれを見ることができます。 – sh0ber

+0

@ sh0ber:はい。それは私がさらに混乱しているスニペットのために働く。しかし、私のHTMLでは、それは '!important'タグであっても、投稿の元の質問にどのように言及されているかのように動作します。私はまた、chromeの 'element.style'にスタイルを適用しようとしました。まだ行くと私は下線を持っています。そうでなければ説得するのが難しくなるので、私はこれを今放棄するつもりです。 – Yathi

関連する問題