伪类选择器

最新推荐文章于 2024-04-14 14:25:59 发布

qq_39941521

最新推荐文章于 2024-04-14 14:25:59 发布

阅读量211

点赞数

本文链接：https://blog.csdn.net/qq_39941521/article/details/77624814

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
/*
* 伪类专门用来表示元素的一种特殊的状态
* 比如访问过的超链接比如普通的超链接比如获取焦点的文本框
* 当我们需要为处在这些特殊状态的元素设置样式,就可以使用伪类
*
* 为没访问过的链接设置一个颜色的一个颜色为绿色
* :link
* -表示普通的链接(没访问过的链接)
*/
a:link{
color:yellowgreen;
}

/*
* 为访问过的链接设置一个颜色为红色
* :visited
* -表示访问过的链接
*
* 浏览器是通过历史记录来判断吧网页是否访问过
* 由于涉及到用户的隐私visited只能设置字体的颜色
*/
a:visited{
color:red;
}
/*
* :hover伪类表示鼠标移入的状态
*/
a:hover{
color:skyblue;
}
/*
* :active表示鼠标移入的状态
*/
a:active{
color:blue;
}

/*
* hover和active也可以为其他元素设置
* IE6中不支持对超链接以外的元素设置
*/
/*p:hover{
background-color:blue;
}*/

input:focus{
background-color:orange;

}

/*
* 为p标签中的内容使用样式
* 可以使用::selection为类
* 这个伪类在火狐中需要使用另一种方式编写
*/
p::selection{
background-color:orange;
}

p::-moz-selection{
background-color:orange;
}

</style>
</head>
<body>

<a href="http://www.baidu.com">这是一个超链接</a>
<br /><br />
<a href="http://www.baidu123435435,com">这是一个超链接</a>

<p>我是一个段落</p>

<input type="text" />

</body>
</html>

qq_39941521

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
伪类选择器

伪类选择器/** 伪类专门用来表示元素的一种特殊的状态* 比如访问过的超链接比如普通的超链接比如获取焦点的文本框* 当我们需要为处在这些特殊状态的元素设置样式,就可以使用伪类* * 为没访问过的链接设置一个颜色的一个颜色为绿色* :link* -表示普通的链接(没访问过的链接)*/a:link{color:yellowgreen;}/
复制链接

扫一扫