「text-decoration：none」不工作，即使使用「！important」

當我嘗試使用類似underline之類的東西時，它可以工作，但none不會，即使使用!important。有誰知道爲什麼？「text-decoration：none」不工作，即使使用「！important」

PS：del元素應該留在線上，我試圖從這個新的內容後刪除線。

del:after { 
 
    content: attr(datetime); 
 
    text-decoration: none !important; 
 
}

<del datetime="2001-01-01">Text</del>

2016-01-13 Hugo

TEXT2001-01-01是結果，其中TEXT是*德爾元素*和2001-01-01是一個僞元素..這個問題不是一個問題 –

您需要爲目標的<del>元素本身，而不是:after僞元素。

**編輯**

根據進一步的說明更新。此代碼將從僞代碼中刪除文本修飾，但不會刪除其他代碼。關鍵是加入display: inline-block;。

del:after { 
 
    display: inline-block; 
 
    content: attr(datetime); 
 
    text-decoration: none; 
 
}

<del datetime="2001-01-01">Text</del>

2016-01-13 22:09:31

但我只想沒有行的日期。其餘的應該留在線路上。 – Hugo

是的，但我想這將是一個簡單的正確的css的方式來做到這一點，而不是使用跨度，因爲使用它我必須使用所有的句子，並使用'del span {text-decoration：line-though}在使用'text-decoration：none'後。聽起來很愚蠢。 – Hugo

@Hugo道歉，我錯了。我會很快更新我的例子。 –

回答