伪类专门用来表示元素的一种特殊状态
需要为这些特殊状态设置样式，就得使用伪类
- 超链接 a
a:link
a:visited
a:hover
a:active - input:focus
- p标签选中内容的样式 p::selection
/**
* 兼容火狐的
*/
p::-moz-selection{
background-color: orange;
}
伪元素：表示元素中的一些特殊的位置
p:first-letter - p中第一个字符
p:first-line - p中第一行
:before - 元素最前边的部分
:after - 表示元素的最后边的部分
需结合content样式一起使用，通过content可以向before或after的位置添加一些内容
p:before{
content: "我会出现在整个段落的最前边";
color: red;
}
p:after{
content: "我会出现在整个段落的最后边";
color: orange;
}
否定伪类：可以从已选中的元素中剔除某些元素 :not
p:not(.hello){
}
网友评论