九，伪类样式

最新推荐文章于 2024-04-25 20:37:26 发布

好多可乐

最新推荐文章于 2024-04-25 20:37:26 发布

阅读量670

点赞数 3

分类专栏： CSS基础

本文链接：https://blog.csdn.net/qq_36792120/article/details/111145348

版权

CSS基础专栏收录该内容

28 篇文章 0 订阅

订阅专栏

伪类样式处理：
定义： 通常情况，超级链接上设置的样式，称为伪类
作用： 设置超级链接的四种状态（1-4，需要按照顺序来，否则就没有效果）：
小贴士：
1，伪类是用在超级链接上效果比较多，但超级链接不是伪类
2，伪类是选择器（冒号前面的是标签，比如a标签。冒号后面的值才是伪类，比如link）
属性：
1，a:link：未访问的链接
2，a:visited：已访问的链接
3，a:hover：鼠标移动到链接上（浮动，悬停）具有悬停效果的组件都可以使用这个属性，比如label，input等
4，a:active：向被激活的元素添加样式（鼠标指针按下了，但是没有松开的瞬间）
5，:focus：选择拥有键盘焦点的元素（比如文本框，标签可以放进去，就是有焦点）

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<link rel="stylesheet" href="test5.css">
</head>

<body>
    <p>http://www.imooc.com</p>
    <p class="p1">慕课网</p>
    <a href="#">伪类</a>
    <input type="text" name="1">
    <label>测试</label>
</body>

</html>


a:link{
      color: green;
	}
	a:visited{
	  color: red;
	}
	a:hover{
	  color: blue;
	}
	a:active{
	  color: yellow;
	}
	input:hover{
		background-color: yellow;
	}
	input:active{
		background-color: blue;
	}
	label:active{
		color: blue;
	}

好多可乐

关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
九，伪类样式

伪类样式处理：定义：通常情况，超级链接上设置的样式，称为伪类作用：设置超级链接的四种状态（1-4，需要按照顺序来，否则就没有效果）：小贴士：1，伪类是用在超级链接上效果比较多，但超级链接不是伪类2，伪类是选择器（冒号前面的是标签，比如a标签。冒号后面的值才是伪类，比如link）属性：1，a:link：未访问的链接2，a:visited：已访问的链接3，a:hover：鼠标移动到链接上（浮动，悬停）具有悬停效果的组件都可以使用这个属性，比如label，input等4，a:active：
复制链接

扫一扫