CSS（6），伪类原来可以这么用

最新推荐文章于 2024-07-26 08:00:00 发布

棋宣

最新推荐文章于 2024-07-26 08:00:00 发布

阅读量112

点赞数 3

文章标签： css sass html

本文链接：https://blog.csdn.net/flower521528/article/details/123293961

版权

一.伪类

实现与用户交互的一种方式，为了让用户的体验更好。

link	未访问状态的颜色
visited	鼠标点击后的状态
hover	鼠标在文本上面悬停时的颜色改变
active	激活状态，鼠标点击不松手时颜色改变

伪类现在可以应用于多种标签，改变的状态也比较多，比如背景颜色；伪类应用比较广泛，希望大家可以多联系。

实例；

<style>
    a:link{
        color:red;
    }
    a:visited{
        color:blue;
    }
    a:hover{
        color:yellow;
    }
    a:active{
        color:green;
    }
</style>

<body>
    <a href="" target="">托马斯家的</a>
</body>

二，强制元素类型转换

HTML中有三大类元素，为块元素，行内元素和行内块元素。

1.强制转换为行内块元素

display:inline-block;

2.强制转换为行内元素

display:inline;

3.强制转换为块元素

display:block;

强制转换应用比较多，作用大，一定要会应用。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

棋宣

关注关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
2
评论
CSS（6），伪类原来可以这么用

一.伪类实现与用户交互的一种方式，为了让用户的体验更好。link 未访问状态的颜色 visited 鼠标点击后的状态 hover 鼠标在文本上面悬停时的颜色改变 active 激活状态，鼠标点击不松手时颜色改变伪类现在可以应用于多种标签，改变的状态也比较多，比如背景颜色；伪类应用比较广泛，希望大家可以多联系。实例；<style> a:link{ color:red; } a:visited{
复制链接

扫一扫