CSS伪类:first-letter的杯具

最近在研究shopex,想给带货币符号的价格将货币符号和金额来个大小区别对待,就想到了css伪类元素:first-letter,可是在使用的过程中却出了问题。明明w3c上说支持ie、firefox、chrome的,可是最后只有chrome下有效果,搞的我火大,不知道问题出哪儿。

后来搜索了下,原来ie下,写css时:first-letter和{}之间必须有个空格才会有作用,也就是要将css写的非常的规范才行,比如:p:first-letter {ooxx;}这样才行,而不能p:first-letter{ooxx;},真是让人无语。

ie是解决了,可是firefox下仍然不行,搜索又找不到,自己折腾了半天,突然发现,原来firefox下这个first-letter对货币符号¥没效果,彻底的无语了。看来只能翻翻源代码,看看能不能给货币符号添加个框框了,如果找的到的话。

另外,如果你有发现在非p类的元素使用first-letter没有效果,可以添加display:block或者position:absolute或者float试试。

作者: LMS

天行贱,君子自强自息。

标签

《CSS伪类:first-letter的杯具》有4个想法

  1. 今天也在查找这个,试的结果像以往一样没反应,,直到无意间改变了窗口大小,,卧槽可以了,难道一直是我的浏览器有问题,,◔ ‸◔?

发表评论

电子邮件地址不会被公开。 必填项已用*标注