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;
}
推荐阅读
-
CSS笔记-1:伪类选择器
-
HTML&CSS基础学习笔记1.33-元素选择器 博客分类: HTML
-
HTML&CSS基础学习笔记1.32-选择器是什么 博客分类: HTML css选择器
-
HTML&CSS基础学习笔记1.33-元素选择器 博客分类: HTML
-
Javascript设计模式学习笔记(1) 创建类的时候需要注意的一些概念
-
必须记住的 30 类 CSS 选择器
-
IE6不支持:hover伪类效果的解决办法_html/css_WEB-ITnose
-
CSS3 选择器 伪类选择器介绍
-
使用CSS的类名交集复合选择器_html/css_WEB-ITnose
-
使用before和:after伪类制作css3圆形按钮