伪元素和伪类的区别总结

伪元素和伪类的区别总结其中伪类和伪元素的根本区别在于 它们是否创造了新的元素 伪元素 伪对象 不存在在 DOM 文档中 是虚拟的元素 是创建新元素 代表某个元素的子元素 这个子元素虽然在逻辑上存在 但却并不实际存在于文档树中 伪元素选择符伪类 存在 DOM 文档中 逻辑上存在但在文档树中却无须标识的 幽灵 分类 伪类选择符再看看 W3C 中对于二者应用的描述 伪类 用于向某些选择器添加特殊的效果伪元素 用于将特殊

其中伪类和伪元素的根本区别在于:它们是否创造了新的元素。

伪元素/伪对象:不存在在DOM文档中,是虚拟的元素,是创建新元素。代表某个元素的子元素,这个子元素虽然在逻辑上存在,但却并不实际存在于文档树中。

伪类选择符

在这里插入图片描述
再看看W3C中对于二者应用的描述:

举个栗子:

在这里插入图片描述
如果我们想要第一个p标签字体颜色变红怎么做呢 使用伪类就会很简单:

在这里插入图片描述
但是如果不用伪类我们怎么做呢? 这时我们就需要为第一个p标签添加一个类class

在这里插入图片描述
可以实现同样的效果,但是需要多写一个类

如果使用伪元素该如何实现上述操作呢?

在这里插入图片描述
如果不用伪元素我们怎么做呢?

在这里插入图片描述
可以看出二者区别了,
伪类的效果可以通过添加实际的类来实现
伪元素的效果可以通过添加实际的元素来实现
所以它们的本质区别就是是否抽象创造了新元素



在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/203194.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月19日 下午10:22
下一篇 2026年3月19日 下午10:22


相关推荐

  • ditto使用教程_擦窗神器使用视频

    ditto使用教程_擦窗神器使用视频1.普通的粘贴快捷键设置:我设置成。但是注意,有些程序里ctrl有特殊功能,这样键会出现问题,所以建议将粘贴快捷键设置的复杂一点,例如,`ctrl+alt+shift+[09]`等等。然后

    2022年8月4日
    12
  • Java中Arrays类的常用方法

    Java中Arrays类的常用方法Java 中 Arrays 类的常用方法 Arrays 类位于 java util 包中 主要包含了操作数组的各种方法 importjava util Arrays Arrays fill 填充数组 int arr newint 5 新建一个大小为 5 的数组 Arrays fill arr 4 给所有值赋值 4 Stringstr

    2026年3月18日
    2
  • 阿里iconfont使用方法

    阿里iconfont使用方法阿里巴巴iconfont的使用方式分为两种:本地使用线上引用iconfont-阿里巴巴矢量图标库0.前期准备使用时先到网站上选中需要使用的图标添加至项目1.本地使用1.下载项目至本地2.解压到项目中3.在页面中引入样式<!DOCTYPEhtml><htmllang=”en”><head> <metacharset=”UTF-8″> <metaname=”viewport”content=”width=dev

    2025年7月1日
    8
  • 高斯模糊浅析_ps高斯模糊没反应

    高斯模糊浅析_ps高斯模糊没反应所谓高斯模糊,就是指一个图像与二维高斯分布的概率密度函数做卷积。它的效果如下:是不是有点像变成了近视眼的感觉?没错,高斯模糊常常用来模拟人眼中的物体变远、变快的效果。在照片处理中,我们常常将背景施以高

    2022年8月3日
    22
  • autoconf 报错

    autoconf 报错报错现象:error:Autoconfversion2.64orhigherisrequired解决办法:查询当前版本:[python]viewplaincopy[root@wslu-cswslu]#rpm-qf/usr/bin/autoconfautoconf-2.63-5.1.el6.noarch卸载当前版本:[python]viewplainco…

    2022年5月9日
    42
  • window安装maven配置环境变量[通俗易懂]

    window安装maven配置环境变量[通俗易懂]首先去maven官网下载,点击这里去下载页面,下拉选择下图点击下载下载好之后解压出来,然后配置环境变量,在我的电脑-右键-属性-高级系统设置-环境变量然后在系统变量下点击新建变量名:M2_HOME变量值:你下载的maven解压出来的路径,我的如下,复制路径粘贴到变量值里,点击确定再找到系统变量里的:Path在变量值里加入:%M2_HOME%/bin不要…

    2022年7月25日
    12

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号