如何取消带下划线的元素的伪元素的下划线

Question

我在工作期间多次遇到此问题，但我一直不明白为什么会发生或如何解决它。

设置：

<p id="skeeter">Even John Skeet cannot parse HTML with Regex</p>

---

#skeeter { text-decoration: underline; color: blue;}
#skeeter:after { content: "\00bb"; margin-left: 5px; text-decoration: none;}

---

上面有下划线的raquo，当我不打算这样做时。

小提琴：http://jsfiddle.net/scar1z9k/

Answer 1

this。仅将display: inline-block 添加到:after 标签

#skeeter { text-decoration: underline; color: blue;}
#skeeter:after { content: "\00bb"; margin-left: 5px; text-decoration: none; display:inline-block;}