CSS中a:link、a:visited、a:hover、a:active的使用总结 | GCidea's blog
目录1. 前言1.1. 伪类1.2. 伪元素1.3. 区别2. 概述3. 注意事项
前言伪类
伪元素
区别 可以理解为:伪类的效果可以通过添加一个实际的类来达到,而伪元素的效果则需要通过添加一个实际的元素才能达到。伪类用一个冒号来表示,而伪元素则用两个冒号来表示。
概述:link 选择器对指向未被访问页面的链接设置样式,即页面初始化加载完成的时候。:visited 选择器用于选取已被访问的链接,即已经访问过的链接。:hover 选择器用于设置鼠标指针浮动到链接上时的样式,即鼠标停留在链接上但还未点击的时候。:active 选择器用于设置点击链接时的样式。即链接被点击按下的时候。
注意事项:hover版本:CSS1/CSS2 兼容性:IE4+ NS4+语法:Selector : hover { sRules }说明:设置对象在其鼠标悬停时的样式表属性。在CSS1中此伪类仅可用于a对象。且对于无href属性的a标签,此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。
:active版本:CSS1/CSS2 兼容性:IE4+语法:Selector : active {...阅读全文
前言伪类
伪元素
区别 可以理解为:伪类的效果可以通过添加一个实际的类来达到,而伪元素的效果则需要通过添加一个实际的元素才能达到。伪类用一个冒号来表示,而伪元素则用两个冒号来表示。
概述:link 选择器对指向未被访问页面的链接设置样式,即页面初始化加载完成的时候。:visited 选择器用于选取已被访问的链接,即已经访问过的链接。:hover 选择器用于设置鼠标指针浮动到链接上时的样式,即鼠标停留在链接上但还未点击的时候。:active 选择器用于设置点击链接时的样式。即链接被点击按下的时候。
注意事项:hover版本:CSS1/CSS2 兼容性:IE4+ NS4+语法:Selector : hover { sRules }说明:设置对象在其鼠标悬停时的样式表属性。在CSS1中此伪类仅可用于a对象。且对于无href属性的a标签,此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。
:active版本:CSS1/CSS2 兼容性:IE4+语法:Selector : active {...阅读全文