a: 链接伪类选择器
未点击过的状态
a:link {
color: #333;
text-decoration: none;
}
点击过的状态
a:visited{
color: orange;
}
鼠标路过时状态
a:hover{
color: skyblue;
}
鼠标正在按下没抬起的状态
a:active{
color: green;
}
参考如下;
<style>
/* 必须暗战LVHA顺序写,颠倒没效果 */
/* 未点击过的 */
a:link {
color: #333;
text-decoration: none;
}
/* 点击过的 */
a:visited {
color: orange;
}
/* 鼠标放上 */
a:hover {
color: skyblue;
}
/* 正在按下没抬起的 */
a:active {
color: green;
}
.idd:hover {
color: skyblue;
}
</style>
<body>
<a href="#">我是POJO琛!!!</a>
</body>
必须按照LVHA顺序写,颠倒没效果
真正开发使用一般这样用,只做这两个操作
a {
color: #333;
text-decoration: none;
}
a:hover {
color: skyblue;
text-decoration: underline;
}
:focus 伪类选择器
选取获得焦点的表单元素
一般针对input:focus获得表单元素
<style>
/* 选取获得焦点的表单元素 */
input:focus {
background-color: skyblue;
}
</style>
<body>
<!-- 一般针对input:focus获得表单元素 -->
<input type="text">
<input type="text">
<input type="text">
</body>
获得光标后: