首页 > 代码库 > 6月15号=》146页-155页
6月15号=》146页-155页
6.4.5 配合counter-increment属性添加编号
代码示范：
//为该元素定义了一个计数器
元素{counter-increment:mycounter}
//在该元素的前端插入定义的计数器
元素：before{content:counter(mycounter)}
6.4.6 使用自定义编号
css默认添加的编号都是数值编号，例如使用非数字编号，这种需求可通过counter(name,list-style-type)用法
来实现，其中list-style-type指定编码风格，该参数支持如下值：
decimal：阿拉伯数字。默认值。
disc：实心圆。
circle：空心圆。
square：实心方块。
lower-roman：小写罗马数字。
upper-roman：大写罗马数字。
lower-alpha：小写英文字母。
upper-alpha：大写英文字母。
none：不使用项目符号。
cjk-ideographic：浅白的表意数字。
georgian：传统的乔治数字。
lower-greek：基本的希腊小写字母。
hebrew：传统的希伯莱数字。
hiragana：日文平假名字符。
hiragana-iroha：日文平假名序号。
katakana：日文片假名字符。
katakana-iroha：日文片假名序号。
lower-latin：小写拉丁字母。
upper-latin：大写拉丁字母。
代码示范：
//为该元素定义了一个计数器
元素{counter-increment:mycounter}
//在该元素的前端插入定义的计数器，指定为基本的希腊小写字母风格
元素：before{content:counter(mycounter，lower-greek)}
6.5 css 3.0 新增的伪类选择器
伪类选择器与前面介绍的伪元素选择器有些相似，伪类选择器主要用于对已有选择器做进一步的限制，
对已有选择器能匹配的元素做进一步的过滤。css 3.0 提供的伪类选择器主要分为如下3类：
结构性伪类选择器。
UI元素状态伪类选择器。
其他伪类选择器。
6.5.1 结构性伪类选择器
结构性伪类选择器指的是根据HTML元素之间的结构关键进行筛选的伪类选择器。
结构性伪类选择器有如下几个：
Selector:root：匹配文档的根元素。在HTML文档中，跟元素永远是<html>元素。
Selector:first-child：匹配符合Selector选择器，而且必须是其父元素的第一个子节点的元素。
Selector:last-child：匹配符合Selector选择器，而且必须是其父元素的最后一个子节点的元素。
Selector:nth-child(n)：匹配符合Selector选择器，而且必须是其父元素的第n个子节点的元素。
Selector:nth-last-child(n)：匹配符合Selector选择器，而且必须是其父元素的倒数第n个子节点的元素。
Selector:nth-child(odd/event)：匹配符合Selector选择器，而且必须是其父元素的第奇数个/偶数个子节点的元素。
Selector:nth-last-child(odd/event)：匹配符合Selector选择器，而且必须是其父元素的倒数第奇数个/偶数个子节点的元素。
Selector:nth-child(xn+y)：匹配符合Selector选择器，而且必须是其父元素的第xn+y个子节点的元素。
Selector:nth-last-child(xn+y)：匹配符合Selector选择器，而且必须是其父元素的倒数第xn+y个子节点的元素。
Selector:only-child：匹配符合Selector选择器，而且必须是其父元素的唯一子节点的元素。
Selector:first-of-type：要求匹配符合Selector选择器，而且是与它同类型、同级的兄弟元素中的第一个元素。
Selector:last-of-type：要求匹配符合Selector选择器，而且是与它同类型、同级的兄弟元素中的最后一个元素。
Selector:nth-of-type(n)：要求匹配符合Selector选择器，而且是与它同类型、同级的兄弟元素中的第n个元素。
Selector:nth-last-of-type(n)：要求匹配符合Selector选择器，而且是与它同类型、同级的兄弟元素中的倒数第n个元素。
Selector:nth-of-type(odd/event)：要求匹配符合Selector选择器，而且是与它同类型、同级的兄弟元素中的第奇数个/偶数个元素。
Selector:nth-last-of-type(odd/event)：要求匹配符合Selector选择器，而且是与它同类型、同级的兄弟元素中的倒数第奇数个/偶数个元素。
Selector:nth-of-type(xn+y)：要求匹配符合Selector选择器，而且是与它同类型、同级的兄弟元素中的第xn+y个元素。
Selector:nth-last-of-type(xn+y)：要求匹配符合Selector选择器，而且是与它同类型、同级的兄弟元素中的倒数第xn+y个元素。
Selector:only-of-type：要求匹配符合Selector选择器，而且是与它同类型、同级的兄弟元素中的唯一一个元素。
Selector:empty：匹配符合Selector选择器，而且其内部没有任何子元素(包括文本节点)的元素。
语法示范：
//定义对作为其父元素的第1个子节点的li元素起作用的css样式
li:first-child{ 定义该元素的css样式 }
//定义对作为其父元素的奇数个子节点的li元素起作用的css样式
li:nth-child(odd){ 定义该元素的css样式 }
//定义对作为其父元素的第3n+1（1、4、7....）个子节点的li元素起作用的css样式
li:nth-child(3n+1){ 定义该元素的css样式 }