:after或者::after{}
表示的意思是在某个盒子内部的最后添加内容。
用法:
- 如果添加文本 :after{content:"";}
- 如果添加图片 :after{content:url();}引入的图片大小设置不了,并且不同的图片距离顶部有缝隙且缝隙不一致,可以用margin-top负数来测试有多少间距。
:before或者::before{}
表示的意思是在某个盒子内部的最前面添加内容
用法:
- 如果添加文本 :before{content:"";}
- 如果添加图片 :before{content:url();}引入的图片大小设置不了,并且不同的图片距离顶部有缝隙且缝隙不一致,可以用margin-top负数来测试有多少间距。
:first-line或者::first-line{}
表示的意思是设置第一行文本的样式,只能用于块元素。
:first-letter或者::first-letter{}
表示的意思是设置第一个字符的样式,只能用于块元素。
::selection{}
表示的意思是设置选中之后的样式,只支持背景颜色和文字颜色。
以上所有的伪对象选择器权重是0001。