CSS笔记-1:伪类选择器

伪类选择器是CSS复合选择器中的一种,用于向某些选择器添加一些特殊的效果,或是选择第n个元素。
伪类选择器的书写是以:开头,这一点与之前的选择器.开头有所不同。

链接伪类选择器

a:link{} 选择所有未被访问过的链接,花括号中更改的属性就针对这一类链接
a:visited{} 选择所有已被选择过的链接
a:hover{} 选择鼠标指针位于其上的链接
a:active{} 选择鼠标按下未弹起的链接,即鼠标点击瞬间链接的颜色
注意事项:
1.在书写过程当中如果四种样式都需要就要以LVHA顺序书写
2.只有在直接对a进行更改时链接才会改变颜色

focus伪类选择器

一般是针对input表单元素进行修改,主要的变化是点击表单并填写时可以让表单的背景颜色改变,字体颜色也可以,但是当选择页面中的其他地方时,效果就会消失。

input:focus{
    
    
	background-color:yellow;
}

猜你喜欢

转载自blog.csdn.net/leanneTN/article/details/109271063
今日推荐