伪类选择器

最新推荐文章于 2024-07-16 21:31:13 发布

sereasuesue

最新推荐文章于 2024-07-16 21:31:13 发布

阅读量1.4k

点赞数 2

分类专栏： web前端学习 css js

本文链接：https://blog.csdn.net/sereasuesue/article/details/83306197

版权

web前端学习同时被 2 个专栏收录

46 篇文章 0 订阅

订阅专栏

css js

25 篇文章 1 订阅

订阅专栏

伪类选择器

CSS伪类(Pseudo-class)用于向某些选择器添加特殊的效果。

使用伪类选择器的语法如下： selector:pseudo-class {property:value;} 常用的CSS伪类见表3-1。书写时尽量不要颠倒

       下面的代码给出了伪类用于超链接的显式效果，在不同的状态下超链接的颜色不同。
　<html>
　<head>
　<style type="text/css">
　a:link {color:#FF0000;}    /* 未访问的超链接 */
　a:visited {color:#00FF00;}  /* 已访问的超链接*/
 a:hover {color:#FF00FF;}  /* 鼠标位于超链接之上 */
 a:active {color:#0000FF;}  /* 鼠标在超链接上按键 */
　　</style>
</head>
　　<body>
　　<a href="default.jsp">这是一个由伪类装饰的超链接</a>
　　</body>
　　</html>