伪类选择器&复合选择器总结

伪类选择器可以达到 鼠标经过 连接变色 的效果
一、 链接伪类选择器
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;
}
效果:文字框变黄,文字为红色
三、复合选择器总结


浙公网安备 33010602011771号