/*text-decoration 下划线样式*/
/*a:link {key: value;} 设置a标签的默认样式*/
/*a标签样式设置不推荐这种写法(可能存在兼容性问题)*/
a:link {
color: red;
text-decoration: none;
}
/*访问后的样式*/
/*该伪类只能设置颜色相关的属性,其余属性不生效*/
/*浏览器会自动对该伪类缓存*/
a:visited {
color: pink;
}
/*鼠标悬停在该标签上的属性*/
/* 该伪类可以单独使用*/
a:hover {
font-size: 50px;
color: orange;
text-decoration: underline;
}
/*标签激活状态属性(长按该标签)*/
a:active {
color: yellow;
}
/*如果以上伪类都需要设置,需要按照顺序设置 L V H A */
/*目标伪类 配合锚链接使用,可以给选中的标题设置样式*/
#h5:target {
color: red;
}
/*空伪类 选中无内容的div标签*/
div:empty {
width: 300px;
height: 300px;
background-color: orange;
}
/*排除伪类 不能排除多个*/
div:not(.one) {
width: 300px;
height: 400px;
background-color: yellow;
}
/*焦点伪类 进入焦点状态时的样式 多配合input标签使用*/
input:focus {
background-color: red;
}