随身笔记
随身笔记

如何正确使用伪类选择器

伪元素正确使用

学习CSS我们也会接触到伪类选择器的使用,这些是用来修饰链接的元素,让网站更加的生动。

这里我们简单介绍4种伪类选择器,官方语言说明难懂我们用通俗的语言说明,

:link修饰没有被点击过的链接;

:visited修饰已经被点击过的链接;

:hover修饰鼠标经过的链接产生的动态效果;

:active修饰被点击过或者鼠标停留在链接上的效果;

CSS有继承的作用,在同时使用这4种伪类选择器的时候顺序也非常重要的,一般我们是按照这样的顺序使用的。

a:link,a:visited,a:hover,a:active

记住的方法是LVHA。

使用例子:

a:link,a:active{}

a:hover,a:visited{}

文章来源:wordpress建站教程|wordpress主题制作|wordpress模板|wordpress下载
(www.xgllseo.com)转载请注明,请尊重版权。

随身笔记

如何正确使用伪类选择器
伪元素正确使用 学习CSS我们也会接触到伪类选择器的使用,这些是用来修饰链接的元素,让网站更加的生动。 这里我们简单介绍4种伪类选择器,官方语言说明难懂我们用通俗的语言说明,…
扫描二维码继续阅读
2013-02-04