让我们说这个标记：
<div id="socialMedia">
<a class="Twitter">Twitter</a>
</div>
我想要的只是可见的文本的第一个字母(在这种情况下,只是一个T)
(其实我不会最终使用它,但我很好奇,肯定可以帮助以后)
所以这是我的一个尝试：
#socialMedia .Twitter{
display:none;
}
#socialMedia .Twitter:first-letter {
display: block !important;
}
我能够检查它不会实现它.问题是为什么？有没有办法解决这个问题？
-编辑-
我们正在寻找IE = 7/8版本的解决方案.
萨吕
解决方法
编辑：免责声明：这不符合评论.请不要按原样使用,无需检查它是否符合您的需要.
如果您检查：首字母伪元素的规范,您会注意到以下内容：
The :first-letter pseudo-element must select the first letter of the first line of a block,if it is not preceded by any other content (such as images or inline tables) on its line.
这里的重要词是“阻止”.
您正在尝试使用< a />上的伪元素标签与Twitter类.默认情况下,锚标签是内联元素(不是块级元素).
对于您的给定标记,您的问题的一个解决方案是以这种方式对锚进行风格化：
.Twitter {
display:block;
visibility:hidden;
}
.Twitter:first-letter {
visibility:visible;
}
我不确定你正在做什么,但这对于实验目的来说是足够好的.在这里查看演示：http://jsfiddle.net/H7jhF/.
