伪类 伪类选择器 link visited hover active focus selectio

伪类专门用来表示元素的一种特殊状态，跟伪元素有点像 一般用于为这些特殊状态的超链接设置样式 多用于作选择器，用于选择特殊状态下的元素 比如 访问过的超链接 获取焦点的文本框 普通的超链接

选择伪类 多用于给连接设置样式 link 用于设置未点击过的链接的颜色 语法 a:link{}

visited 语法 a:visited{} visited设置点击过的链接的颜色 为保证用户的隐私 只能设置字体的颜色 浏览器根据根据历史记录来判断你是否点击过链接

hover 语法 a:hover{} 或 h1:hover{} 设置鼠标移入时链接的颜色 也可用于文本

active 语法 a:active{} 或 h1:active{} 设置超链接被点击时的颜色 也可用于文本

注意： 以上四个是关于a的伪类，这四个优先级是一样的，当满足多个选择器的条件的时候，优先使用最靠后的选择器 而且，hover和active不能写在link或者visited下面，因为链接不碰它的时候他只有被点击过或者未点击过两种状态，这样，上面选择器的样式可能就会被下面设置的样式覆盖掉，如果hover和active跟link和visited设置的样式不是同一个种类的话可以随便写。

focus 语法 input:focus{} 使用input可以创建一个文本输入框 focus可以获取焦点 focus选定文本框获取到焦点后的状态 借此设计此状态下文本框的背景颜色 和字体颜色。。。。

selection 语法 h2::selection{} selection可选定文本被鼠标选中的内容的状态 即 这个状态就是平时咱鼠标选中文本内容文本内容背景变蓝时候的状态 借此设计选中时文本的样式

body代码

总代码