css中伪类和伪对象有哪些区别


本篇内容介绍了“css中伪类和伪对象有哪些区别”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!伪类是用于向某些选择器添加特殊效果的;伪元素是用于将特殊的效果添加到某些选择器的。伪类的效果可以通过添加实际的类来实现;伪对象的效果可以通过添加实际的元素来实现。简单来说,它们的本质区别为是否抽象创造了新元素。本教程操作环境:windows7系统、CSS3版、Dell G3电脑。其中伪类和伪元素(伪对象)的根本区别在于:它们是否创造了新的元素。伪元素/伪对象:不存在在DOM文档中,是虚拟的元素,是创建新元素。代表某个元素的子元素,这个子元素虽然在逻辑上存在,但却并不实际存在于文档树中。伪对象选择符伪类:存在DOM文档中,逻辑上存在但在文档树中却无须标识的“幽灵”分类。伪类选择符伪类:用于向某些选择器添加特殊的效果
伪元素:用于将特殊的效果添加到某些选择器
其实根本意思就是就是对那些不能通过class、id等选择元素的补充举个栗子:abc如果我们想要第一个p标签字体颜色变红怎么做呢 使用伪类就会很简单:但是如果不用伪类我们怎么做呢? 这时我们就需要为第一个p标签添加一个类classabc可以实现同样的效果,但是需要多写一个类如果使用伪元素该如何实现上述操作呢?如果不用伪元素我们怎么做呢?abc可以看出二者区别了,伪类的效果可以通过添加实际的类来实现伪元素的效果可以通过添加实际的元素来实现所以它们的本质区别就是是否抽象创造了新元素注意:伪类只能使用“:”而伪元素既可以使用“:”,也可以使用“::”因为伪类是类似于添加类所以可以是多个,而伪元素在一个选择器中只能出现一次,并且只能出现在末尾相关问题:after/::after和:before/::before的异同相同点:都可以用来表示伪类对象,用来设置对象前的内容:before和::before写法是等效的; :afte 香港云主机r和::after写法是等效的不同点::before/:after是Css2的写法,::before/::after是Css3的写法:before/:after 的兼容性要比::before/::after好 ,不过在H5开发中建议使用::before/::after比较好注意:伪对象要配合content属性一起使用伪对象不会出现在DOM中,所以不能通过js来操作,仅仅是在 CSS 渲染层加入伪对象的特效通常要使用:hover伪类样式来激活eg:当鼠标移在span上时,span前插入”duang”“css中伪类和伪对象有哪些区别”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注开发云网站,小编将为大家输出更多高质量的实用文章!

相关推荐: 微信小程序中怎么实现网络请求

今天小编给大家分享一下微信小程序中怎么实现网络请求的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。1. 当有APPID的情况下,进行网络通信,只能…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 07/16 11:07
下一篇 07/16 11:07

相关推荐