css 控制first-letter伪类的背景


但有的时候,OL定义的列表类型有限制,比如不能定义汉字的“一、二、三”,我们只好手动来输入这些字符,但这下文字和字符连在一起。



提示:您可以先修改部分代码再运行

这个时候就可以使用first-letter这个伪类来帮忙了:



提示:您可以先修改部分代码再运行

这下,前导符就和文字保持一定距离了,而且能控制的样式也更多一点。
不过前导符后面那个顿号就控制不到样式了,但我想可不可以设置背景图来取代呢?
简单测试却发现,控制first-letter伪类的背景,与控制list-style-image一样让人琢磨不透,遂弃之。

另外,各个浏览器对待前导符旁边的符号处理方式也不一样,因为没有安装Safari,所以没有测试它:

代码:

 

IE8和FF3和Opera表现一致,Chrome只对左侧的符号进行处理,IE6、7就只处理了第一个字符。




相关阅读:
RFC821-简单邮件传输协议(SMTP)中文版一
Windows7日志的上限及覆盖原则解析
实例介绍asp.net小型项目权限管理方案
使用Windows7显示器校准拖慢系统的解决方法
正则表达式 学习参考 推荐入门者看
影响MySQL性能的五大配置参数
检测屏幕分辨率
使用jquery实现select添加实现后台权限添加的效果
如何使用PHP编程说明
javascript 不用reverse实现字符串反转的代码
JavaScript中常见陷阱小结
JavaScipt布局网页的11个网页特效实例
js 判断 enter 事件
Windows 7比Vista更省电
快速导航

Copyright © 2016 phpStudy |