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

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;}