• 技术文章 >web前端 >前端问答

    css伪类原理是什么

    藏色散人藏色散人2020-12-11 09:09:41原创801

    css伪类原理是指伪类对元素进行分类,是基于特征characteristics,而不是它们的名字、属性或者内容;原则上特征是不可以从文档树上推断得到的,在感觉上伪类可以是动态的,当用户和文档进行交互的时候一个元素可以获取或者失去一个伪类。

    大前端成长进阶课程:进入学习

    本教程操作环境:windows7系统、css3版,该方法适用于所有品牌电脑。

    推荐:《css视频教程

    css伪类原理是什么?

    解释:伪类对元素进行分类是基于特征(characteristics)而不是它们的名字、属性或者内容;

    原则上特征是不可以从文档树上推断得到的。在感觉上伪类可以是动态的,当用户和文档进行交互的时候一个元素可以获取或者失去一个伪类。

    例外的是":first-child"能通过文档树推断出来,":lang"在一些情况下也在从文档树中推断出来。

    伪类有::first-child ,:link:,vistited,:hover:,active:focus,:lang

    何为伪类?

    就是css内部本身赋予它一些特性和功能,也就是你不用再class=...或id=...你就可以直接拿来使用,当然你也可以改变它的部分属性比如:a:link{color:#ff0000;}

    CSS很多的建议并没有得到浏览器的支持,但有四个可以安全使用的用在连接上的伪类。分别是link,vistited,hover和active。

    a:link{color:#000000;} /*设置 a 对象在未被访问前的样式。*/
    a:hover{color:#000000;} /*设置对象在其鼠标悬停时的样式。*/
    a:active{color:#000000;} /*设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式。*/
    a:visited{color:#000000;} /*设置 a 对象在其链接地址已被访问过时的样式。*/

    以上就是css伪类原理是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:css
    上一篇:css sprite如何使用 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• hover在css中有什么用?• css怎么让图片随屏幕变化大小• 怎么防止别人下载网页CSS• css sprite如何使用• 详解CSS和JS动画底层原理及如何优化它们的性能
    1/1

    PHP中文网