伪类选择器&复合选择器总结
伪类选择器可以达到 鼠标经过 连接变色 的效果
一、 链接伪类选择器
a:link { color: deeppink; text-decoration: none; } a:visited { color: aqua; text-decoration: none; } a:hover { color: #666; } a:active { color: bisque; }
注意:1. 为了确保生效需要按照LVHA的顺序进行书写
2. 因为a链接在浏览器中具有默认的样式,所以,平时需要给链接单独指定样式
二、focus伪类选择器
用于获取焦点的表单元素, 焦点就是光标,一般情况下来讲,只有<input>标签(表单元素)中才可实现
input:focus{
background-color:yellow;
color:red;
}
效果:文字框变黄,文字为红色
三、复合选择器总结