欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

CSS笔记-1:伪类选择器

程序员文章站 2024-03-25 16:50:16
...

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

链接伪类选择器

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

focus伪类选择器

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

input:focus{
	background-color:yellow;
}