《HTML 5与CSS 3 权威指南(第4版·下册)》 —17.3.4 指定编号的种类
【摘要】 本节书摘来自华章计算机《HTML 5与CSS 3 权威指南(第4版·下册)》一书中第17章,第17.3.4节,作者是陆凌牛。
17.3.4 指定编号的种类
用before选择器或after选择器的content属性,不仅可以追加数字编号,还可以追加字母编号或罗马数字编号。使用如下所示的方法指定编号种类。
content:counter(计数器名,编号种类)
可以使用list-style-type属性的值来指定编号的种类,list-style-type为指定列表编号时所用的属性。例如,指定大写字母编号时,使用“upper-alpha”属性,指定大写罗马字母时,使用“upper-roman”属性。
将代码清单17-6中before选择器中的代码修改成如下所示的代码,然后重新运行该示例,运行结果如图17-10所示。
h1:before{
content: counter(mycounter,upper-alpha)'.';
color:blue;
font-size:42px;
}
图17-9 指定编号的样式示例 图17-10 指定编号的种类示例
【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)