伪元素和伪类的区别

最新推荐文章于 2022-08-19 17:01:41 发布
最新推荐文章于 2022-08-19 17:01:41 发布
阅读量6.8k 收藏 24
点赞数 5
分类专栏： Css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46193778/article/details/113859599
版权

伪元素和伪类的根据区别就是：前者是创建出了一个新元素，而后者是一个已存在但你不能直接看到的元素。

伪元素

伪元素本身不存在在DOM文档中，它需要人为的去创建它。且就算你创建了伪元素，它也只是逻辑上存在，实际上也并不存在DOM文档中，也就是说你无法使用JS去获取改变它。
在这里插入图片描述

伪类

伪类它存在于DOM文档中，但如果你没有特别的去声明它，你就看不到它。
在这里插入图片描述

总结

  1. 伪元素是创建了一个新元素，而伪类本身就存在只不过不用特别声明
  2. 伪元素使用:或者::声明(前者是css2的声明方式，后者是css3)，而伪类只能使用： (建议在H5中伪元素统一用:: 以便区分伪元素和伪类)
  3. 伪元素只能同时使用一个，伪类可以同时使用多个
一杯美式:)
关注
  • 5
    点赞
  • 踩
  • 24
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
伪类、伪元素实例
03-20
https://mp.csdn.net/postedit/88689169 伪类选择元素基于的是当前元素处于的状态，或者说是元素当前所具有的...伪元素是对元素中特定内容进行操作的，它所操作的层次比伪类更深一层，也因此它的动态性比伪类要低很多。
浅谈CSS伪类与伪元素
09-25
本文向大家展示了CSS的伪类与伪元素，介绍的非常全面，这里推荐给大家参考下。
伪类和伪元素区别有哪些？
sdasadasds的博客
08-19 2506
2、使用方法不同：css3规范中要求使用双冒号（::）表示伪元素，以此来区分伪类和伪元素，比如::before和::after等伪元素使用双冒号（::），:hover和:active伪类使用单冒号（:）目前来看有一部分浏览器为了达到一个更好的兼容性的问题，我们的双冒号也可以写成单冒号；1、概念不同：伪类：用于已有元素处于某种状态时为其添加对应的样式，这个状态是根据用户行为而动态变化的；伪元素：用于创建一些不在DOM树中的元素，并为其添加样式；相同点：都是属于选择器中的一种，能实现对于页面元素的修饰。
伪元素与伪类
Yous的博客
07-03 7696
伪类比较好理解。以上完全看不懂~先看一遍伪元素演示： body中： css部分： 效果图： 同理； 其它还包括：伪元素 用来设置指定元素中内容第一个字符的样式，通常用来配合 font-size 和 float 属性制作首字下沉效果。需要注意的是，伪元素 仅可以用于块级元素，行内元素想要使用该伪元素，则需要先将其转换为块级元素。伪元素 用来设置指定元素中内容第一行的样式，与 类似，伪元素 也仅可以用于块级元素，行内元素想要使用该伪元素，则需要先将其转换为块级元素。伪元素 用来设置对象被选中时的样
伪类与伪元素的区别
qq_45272642的博客
10-16 2041
一、什么是伪类和伪元素 提到“伪”字，你想到了什么？“假的”，“汪精卫伪政府”，“不存在的”······ 伪类：用于已有元素处于某种状态时（滑动、点击等）为其添加对应的样式，这个状态是根据用户行为而动态变化的。我的理解就是：本身不存在，只有在特定的情况（滑动、点击）下才会被触发的状态，可以用css去修饰这个状态下的对象。例如：当用户悬停在指定元素时，可以通过:hover来描述这个元素的状态，虽然它和一般css相似，可以为已有元素添加样式，但是它只有处于DOM树无法描述的状态下才能为元素添加样式，所以称为
什么是伪类和伪元素？伪类和伪元素的区别的区别详解
u012174809的专栏
05-08 2338
1.伪类 用来添加一些选择器的特殊效果。 2.伪元素 伪元素是用来添加一些选择器的特殊效果。 3.区别 伪元素其实相当于伪造了一个元素，例如before,first-letter达到的效果就是伪造了一个元素，然后添加了其相应的效果而已；而伪类没有伪造元素，例如first-child只是给子元素添加样式而已。 伪元素和伪类之所以这么容易混淆，是因为他们的效果类似而且写法相仿，但实际上 css3 为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。 ...
伪类和伪元素的区别（详解）
初心 - 杨瑞超个人博客
08-15 1636
欢迎加入qq群(IT-程序猿-技术交流群)：757345416 定义 伪类：用于向某些选择器添加特殊的效果 伪元素：用于将特殊的效果添加到某些选择器 伪类 例： a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:hover {color: #FF00F...
CSS伪类和伪元素的区别详解
09-25
在CSS中，伪类和伪元素都是用于增加样式定义的重要工具，它们可以帮助开发者更精确地控制元素的外观，尤其是在特定的状态或位置下。虽然这两者在功能上有些相似，但它们有着本质的区别。 首先，让我们从定义上理解...
css3 伪元素和伪类选择器详解
09-25
无论是伪类还是伪元素，都属于CSS选择器的范畴。所以它们的定义可以在CSS标准的选择器章节找到。分别是 CSS2.1 Selectors 和 CSS Selector Level 3，两者都已经是推荐标准。
伪类和伪元素区别和理解
qq_37524886的博客
08-06 341
1.伪类：对于普通DOM节点，我们可以通过各种选择器选中他们并对其操作，但对于某些具有特殊状态的DOM节点，比如说鼠标经过的元素，被选中的元素，这些状态信息位于DOM树之外，不能通过一般的选择器进行选中，需要用到伪类来进行选中。诸如：active,:hover,:visited 这些就是常见的伪类。除此之外，要选中带有逻辑性质的元素，比如说选中第一个子孩子节点，选中所有奇数的<li></li>元素，也很难直接通过一般的选择器进行，需要用到：first-child,:odd 这些伪类。
什么是伪类？什么是伪元素？区别是什么？
程宇寒
10-15 3675
什么是伪类： a链接样式 点击链接 a:hover{color:red} 鼠标悬浮字体变红。 什么是伪元素：## 标题 ## p{ border:1px red solid; } p:before{content: “hey “; position: relative; left: 20px; } p:after{ content: “you are handsome!”; position:...
CSS 伪类与伪元素
web开发自学
12-06 269
CSS的元素选择器除了根据id（#）、class（.）、属性（[ ]）选取元素以外，还有很重要的一类，就是根据元素的特殊状态来选取元素。它们就是伪类和伪元素。跟id选择器、类选择器、属性选择器以及派生选择器等等这些从HTML文档层次结构（DOM树）中获取元素不同的是，伪类和伪元素是预定义的、独立于文档元素的。它们获取元素的途径也不是基于id、class、属性这些基础的元素特征，而是在处于特殊状态的...
CSS3伪类与伪元素的区别及注意事项
热门推荐
尐轩web前端网络日志
12-10 1万+
CSS中伪类与伪元素的概念是很容易混淆的 今天就来谈谈伪类与伪元素之间的区别定义首先先来看看伪类与伪元素的定义 w3c中对于它们是这么解释的 伪类：用于向某些选择器添加特殊的效果 伪元素：用于将特殊的效果添加到某些选择器 讲道理，可能我语文不好，我觉得这两句话是等价的 :-) 根本不能看出有什么区别 都是对某些选择器“加特技”标准有这么一句话翻译过来是这样的 CSS 引入伪类和伪元素的概
伪类和伪元素区别
xiaoxingxingzai的博客
10-23 166
一.伪类 二.伪元素
伪类与伪元素的区别已经他们各自的用法
qq_43889848的博客
05-18 405
CSS3伪类与伪元素的区别及注意事项 原文出处：尐轩web前端网络日志 CSS中伪类与伪元素的概念是很容易混淆的 今天就来谈谈伪类与伪元素之间的区别 定义 首先先来看看伪类与伪元素的定义 w3c中对于它们是这么解释的 伪类：用于向某些选择器添加特殊的效果 伪元素：用于将特殊的效果添加到某些选择器 讲道理，可能我语文不好，我觉得这两句话是等价的 ???? 根本不能看出有什么区别 都是对某些选择器“加特技” 标准有这么一句话翻译过来是这样的 CSS 引入伪类和伪元素的概念是为了实现基于文档树之外的信息的格式
伪类与伪元素的区别、详细用法
一棵星星
03-24 324
伪元素： 用来创造文档中不存在的元素。（css3规范推荐用两个冒号表示，但大多数浏览器也支持用一个冒号表示为元素） 常用伪元素如下： ::after ( :after) — 在选中元素的后面创造子元素 （默认行内元素）。 ::before ( :before) — 在选中元素中的前面创造子元素（默认行内元素）。 ::selection ( :selection) — 应用于文档中被用户高亮的部分（比如使用鼠标或其他选择设备选中的部分），只有部分属性允许使用该伪元素。 ::first-letter (
css 伪元素和伪类
最新发布
01-25
伪类和伪元素的区别在于它们的语法和作用对象。 1. 伪类（Pseudo-classes）：伪类用于选择处于特定状态的元素，比如鼠标悬停、被点击、被选中等。伪类的语法是以一个冒号（:）开头，后面跟着伪类的名称。例如，`:...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值