淘先锋技术网

首页 1 2 3 4 5 6 7

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; } /*设置输入框获取焦点时的背景色为黄色*/

最后,需要注意的是,伪类必须紧跟在元素名后面,中间不加任何符号,否则会引起语法错误。