《HTML 5与CSS 3 权威指南(第4版·下册)》 —17.3.2 在项目编号中追加文字

举报
华章计算机 发表于 2019/11/21 22:47:52 2019/11/21
【摘要】 本节书摘来自华章计算机《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所示。

            image.png

      图17-7 对多个项目追加连续编号的示例    图17-8 在项目编号中追加文字的示例


【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。