一、伪类
1、定义
(1)CSS 伪类用于向某些选择器添加特殊的效果。
(2)伪类对元素进行分类是基于特征而不是它们的名字、属性或者内容;原则上特征是不可以从文档树上推断得到的。
(3)伪类是选择符的螺栓,用来指定一个或者与其相关的选择符的状态。
2、语法
/*selector 选择器: pseudo-class 伪类 */
selector:pseudo-class {
property:value;
/*property属性: value属性值;*/
}
3、伪类的相关属性
二、伪元素
1、定义
(1)CSS 伪元素用于向某些选择器设置特殊效果。
(2)CSS伪元素控制的内容和元素是没有差别的,但是它本身只是基于元素的抽象,并不存在于文档中,所以称为伪元素。
2、语法
/*selector 选择器: pseudo-element 伪元素 */
selector:pseudo-element {
property: value;
/*property属性: value属性值;*/
}
3、伪元素分类
三、超链接伪类
1、超链接样式的特殊性
文本或图像加上链接,将失去原样式而继承链接的样式。
2、语法及属性值
a:link{
color: #FF0000;/*未访问超链接时字体的颜色*/
}
超链接样式的四种状态:
未访问状态(a:link )
已访问状态(a:visited )
鼠标移上状态(a:hover )
激活选定状态(a:active )
注意:
(1)为了使定义生效,a:hover 必须位于 a:link 和 a:visited 之后
(2)为了使定义生效,a:active 必须位于 a:hover 之后!
(3)未访问状态的超链接颜色在浏览器第一次打开此页面时有效,一旦点击了超链接,颜色变成已访问状态的颜色,关闭该页面或者关闭浏览器再次打开还是已访问状态的颜色,要想恢复未访问状态,火狐和Safari需要清除历史记录。