CSS伪类是指在指定元素的某个状态下,应用不同的样式。可以使用CSS伪类来操作元素的状态,例如超链接被点击、鼠标悬停在元素上、复选框被选中等等。下面是CSS伪类的定义方法:
selector:pseudo-class { property: value; }
其中,selector为要选取的元素,pseudo-class为伪类,property为要修改的样式属性,value为样式属性的值。
下面是常用的CSS伪类:
a:link { color: blue; } /*设置链接的默认颜色为蓝色*/ a:visited { color: purple; } /*设置链接被访问过后的颜色为紫色*/ a:hover { color: red; } /*设置鼠标悬浮在链接上的颜色为红色*/ a:active { color: green; } /*设置链接被点击时的颜色为绿色*/ input:focus { background-color: yellow; } /*设置输入框获取焦点时的背景色为黄色*/
最后,需要注意的是,伪类必须紧跟在元素名后面,中间不加任何符号,否则会引起语法错误。