《HTML 5与CSS 3 权威指南(第4版·下册)》 —17.3.2 在项目编号中追加文字
【摘要】 本节书摘来自华章计算机《HTML 5与CSS 3 权威指南(第4版·下册)》一书中第17章,第17.3.2节,作者是陆凌牛。
17.3.2 在项目编号中追加文字
可以在插入的项目编号中加入文字,使项目编号变成类似“第1章”之类的带文字的编号。
针对代码清单17-6,只要将before选择器中的代码修改为如下所示的代码就可以了。
h1:before{
content: '第'counter(mycounter)'章';
}
将代码清单17-6中before选择器中的代码用上面这段代码进行替代,然后重新运行该示例,运行结果如图17-8所示。
图17-7 对多个项目追加连续编号的示例 图17-8 在项目编号中追加文字的示例
【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)