覆蓋下劃線在另一個元素下面的元素下劃線

我的問題幾乎完全相同：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中插入我想要用下劃線標出的文字。

我只想知道7年後現在是否有方法在子元素中覆蓋text-decoration: underline。

來源

2017-01-18 Yathi

如果你想吸引新的答案，以一個老問題，考慮在其發佈賞金。不要問一個重複的問題。 – Quentin

@Quentin：即使問題有答案被接受？我不確定賞金是如何工作的。請原諒我的無知。我也不想失去我的聲譽，我認爲這是一個公平的問題。 – Yathi

-1

使用CSS來實現你想要的。

a span { 
 
    text-decoration: none !important; 
 
    display: inline-block; 
 
}

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

來源

2017-01-18 19:16:12

如果我誤解了你的問題，我很抱歉。但我以爲你想要強調'這是加下劃線'文本，並從'但不是這個'文本刪除下劃線 –

@Yathi你試過嗎？它確實有效。你也可以在代碼片段中看到。 – sh0ber

@ sh0ber：是的。它確實適用於我覺得更加混亂的代碼片段。但在我的html上，它的行爲就像在我的文章中的原始問題中提到的那樣，即使使用'！important'標籤。我也嘗試在chrome中的'element.style'上應用樣式。仍然沒有去，我有下劃線。它很難說服，否則我現在就放棄這一點。 – Yathi

覆蓋下劃線在另一個元素下面的元素下劃線

回答

相關問題