链接中的CSS第一个字母选择器

我现在很头疼这个叫做

：第一个字母的该死的伪元素。这似乎很有帮助，但最终没有达到我预期的效果

下面是一个关于JSFIDLE的示例，我是如何尝试的，以及它应该是什么样子：

提琴是

如您所见，
：第一个字母
不起任何作用。我希望它会覆盖正常的链接设置和
：hover
选择器

可能出了什么问题？有没有其他方法可以只使用CSS来实现这个？
而不是将“»”放在HTML中，你可以将它放在CSS中


我认为这两种方式都不应该出现在HTML中，因为它实际上只是一种装饰

所有主流浏览器都支持伪元素，只有IE.ie7以前会有问题，
a、 一：以前{
内容：“»”；
颜色：#0F0；
填充：0 5px 0 0；
}

---

这使用了相当多的技巧，因此我不建议您使用它，除非您了解那里正在发生的事情。

在这里阅读可能会有所帮助。它看起来并不像您预期的那么深远。从我的测试中，我只能让这个选择器与

p

标记一起工作，至少到目前为止。我还没有研究过，但测试小提琴说-a）

>

不算作字母，和b）

：第一个字母

不起作用

你能发布你想要的结果图像吗………检查这个@sandeep:这一定是原因！默认情况下链接是内联的——在我的情况下，我需要一个内联元素。你是对的，我不喜欢在HTML中写箭头的方式，用CSS生成它是最好的方式。您的解决方案几乎完美-几乎。。在我的例子中，也需要箭头不再有下划线。你认为这可能吗？所以基本上你添加了内联块（以及一些新定位的边距），这太棒了，我从来没有发现过。谢谢
a.one:before {
    content: "»";
    color:#0F0;
    padding:0 5px 0 0;
}

a.one {
    *zoom: expression( (new Function('elem', '\
        if(elem.before)\
            return;\
        elem.innerHTML = "<span class=ie7-before>»</span>" + elem.innerHTML;\
        elem.before = true;\
        elem.style.zoom = "1";\
    '))(this) );
}

a.one > .ie7-before,
a.one:before {
    content: "»";
    color:#0F0;
    padding:0 5px 0 0;
}