CSS实例教程:vlink,alink,link和a:link

2021-03-15 14:50 jianzhan

超连接文本的情况能够根据伪类挑选符+款式标准来操纵。 1组专业的预订义的类称为伪类,关键用来解决超连接的情况。超连接文本的情况能够根据伪类挑选符+款式标准来操纵。伪类挑选符包含:
总: a 表明全部情况下的联接 如 .mycls a{color:red}
① a:link:未浏览连接 ,如 .mycls a:link {color:blue}
② a:visited:已浏览连接 ,如 .mycls a:visited{color:blue}
③ a:active:激活时(连接得到聚焦点时)连接的色调 ,如 .mycls a:active{color:blue}
④ a:hover:电脑鼠标移到连接上时 ,如 .mycls a:hover {color:blue}

1般a:hover和a:visited连接的情况(色调、下划线等)应当是同样的。
前3者各自对应body元素的link、vlink、alink这3个特性。
4个“情况”的前后全过程是:a:link ->a:hover ->a:active ->a:visited。此外,a:active不可以设定有没有下划线(一直有的)。
举例:伪类的普遍情况值
<style type = “text/css”>
<!--
a {font-size:16px}
a:link {color: blue; text-decoration:none;} //未浏览:蓝色、无下划线
a:active:{color: red; } //激活:鲜红色
a:visited {color:purple;text-decoration:none;} //已浏览:purple、无下划线
a:hover {color: red; text-decoration:underline;} //电脑鼠标移近:鲜红色、下划线
-->
</style>