结构性伪类

:nth-child(index)系列

1.:first-child

2.:last-child

3.nth-last-child(index)

4.only-child

:nth-of-type(index)系列

1.first-of-type

2.last-of-type

3.nth-last-type(index)

4.only-of-type

:not伪类

处理导航栏最后一个竖划线a:not(:last-of-type)

:empty伪类

选中所有内容是空的元素

伪元素选择器

::before

::after

::firstLetter选中第一个字母

::firstLine选中第一行

::selection当文字被选中时的状态

css声明的优先级

选择器的特殊性

id选择器0,1,0,0

.选择器0,0,1,0

属性选择器0,0,1,0

元素和伪元素0,0,0,1

通配符选择器0,0,0,0

结合符对选择器特殊性没有一点贡献

内联声明特殊性都是1,0,0,0

继承没有特殊性

会累加但是不会进位

用svg生成字体图标

text-show

filiter:blur()

-webkit-text-strike

white-space:nowrap;

overflow: hidden;

text-overflow:ellipsis;