栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

HTML + CSS:不带句点的有序列表?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

HTML + CSS:不带句点的有序列表?

仅使用CSS(2.1)完全可以做到:

ol.custom {  list-style-type: none;  margin-left: 0;}ol.custom > li {  counter-increment: customlistcounter;}ol.custom > li:before {  content: counter(customlistcounter) " ";  font-weight: bold;  float: left;  width: 3em;}ol.custom:first-child {  counter-reset: customlistcounter;}

请记住,此解决方案依赖于:before伪选择器,因此某些较旧的浏览器(尤其是IE6和IE7)不会呈现生成的数字。对于这些浏览器,您需要添加一条额外的CSS规则,以仅使用常规列表样式的方式针对他们:

ol.custom {  *list-style-type: decimal; }


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/623905.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号