如何刪除文字修飾：從僞元素下劃線？

Question

我有text-decoration: underline在a，我需要保持它那樣。但是我也試圖從僞元素中刪除下劃線，覆蓋它與text-decoration: none !important;似乎沒有效果。可以做些什麼呢？

http://codepen.io/anon/pen/yMzJoZ

a { 
 
    text-decoration: underline; 
 
} 
 
a:before { 
 
    content: '#'; 
 
    text-decoration: none !important; 
 
}

<ul> 
 
    <li> 
 
    <a href="#">asdf</a> 
 
    </li> 
 
</ul> 
 

Answer 1

你pseudoelement僅僅是一個嵌入式文本節點，它不能真正太容易而不改變它的顯示類型進行修改。添加display: inline-block; - 這應該允許您獨立操作它。

a { 
 
    text-decoration: underline; 
 
} 
 
a::before { 
 
    content: '#'; 
 
    text-decoration: none !important; 
 
    display: inline-block; 
 
}

<ul> 
 
    <li> 
 
    <a href="#">asdf</a> 
 
    </li> 
 
</ul>