复合选择器系列:
一、后代选择器
用来选择子子孙孙所有代, 选择器之间以 空格隔开
二、子代选择器
只用来选择直系一代,选择器之间 以“>” 号隔开
三、并集选择器
多种不同样式 汇聚使用,选择器之间逗号隔开
四、链接类 伪类选择器
a:link { 选择所有未被访问的链接 }
a:visited { 选择所有已经访问过的链接 }
a:hover { 选择鼠标指针位于其上的链接 }
a:active { 选择活动链接(鼠标按下没有弹起来的时候) }
有一个固定顺序:LVHA
链接类 伪类选择器 常用写法:
a{} a类选择器属性配置
a:hover{} hover 的时候配置一下 就可以啦
五、:focus 伪类选择器
:focus 伪类选择器用于获取 获得焦点的表单员元素。这里的焦点 就是指光标。一般<input>类表单才能获取到焦点。 所以:foucs 伪类选择器主要是针对input 表单的。
input:foucus{
background-color: black;
}
上面的用途就是,鼠标在哪个input 表单中,哪个表单的背景色就变成黑色。