伪类、伪元素的区别

最新推荐文章于 2021-10-10 17:58:29 发布
最新推荐文章于 2021-10-10 17:58:29 发布
阅读量599 收藏
点赞数
分类专栏： web前端 css 文章标签： 伪类 伪对象 伪元素
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_21184771/article/details/56283806
版权
元素和伪类的区分，以下内容参照：http://kb.cnblogs.com/page/545911/
伪类和伪元素的根本区别在于：它们是否创造了新的元素(抽象)
伪元素/伪对象： 不存在在DOM文档中，是虚拟的元素，是创建新元素。 代表 某个元素的子元素，这个子元素虽然在逻辑上存在，但却并不实际存在于文档树中。

伪类：存在DOM文档中，开始只是用来表示一些元素的动态状态，典型的就是链接的各个状态(LVHA)。随后CSS2标准扩展了其概念范围，使其成为了所有逻辑上存在但在文档树中却无须标识的“幽灵”分类。

图片内容参考：http://www.css88.com/book/css/selectors/index.htm
图片的详细内容点击链接查看
yuxin_9
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
伪类与伪元素的区别
qq_22253617的博客
12-13 160
在CSS1和CSS2中对伪类和伪元素没有做出很明显的区别定义，因此很多人对两者的概念存在混淆；而在CSS3给出的定义中，二者区别更为明显，也更容易理解。本文基于CSS3，对伪类和伪元素就概念，语法进行了比较，最后给出了两类选择器详尽的一览表。
伪类和伪元素
山鬼谣弋痕夕的博客
08-06 280
伪类选择元素基于的是当前元素处于的状态，或者说元素当前所具有的特性，而不是元素的id、class、属性等静态的标志。由于状态是动态变化的，所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可以看出，它的功能和class有些类似，但它是基于文档之外的抽象，所以叫伪类。 与伪类针对特殊状态的元素不同的是，伪元素是对元素中的特定内容进行操作，它所操作的层次...
伪类和伪元素的应用与区别
凡事预则立，不预则废
03-07 455
css content attribute can only apply to psudohttp://www.alloyteam.com/2016/05/summary-of-pseudo-classes-and-pseudo-elements/https://www.qianduan.net/before-and-before-the-difference-between/
说说伪类和伪元素
weixin_45092282的博客
10-10 176
定义 伪类 选择元素基于的是当前元素处于的状态，或者说元素当前所具有的特性，而不是元素的id、class、属性等静态的标志。由于状态是动态变化的，所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可以看出，它的功能和class有些类似，但它是基于文档之外的抽象，所以叫伪类。 伪元素 是对元素中的特定内容进行操作，它所操作的层次比伪类更深了一层，也因此它的动态性比伪类要低得多。实际上，设计伪元素的目的就是去选取诸如元素内容第一个字（母）、第一行，选取某些内容前面或
伪类选择器：相对于父元素的伪类
xqiitan的专栏
03-06 2455
伪类选择器：选择某些元素更加方便（是否添加了 type，last） a）之前学习的：a:hovar a:link a:active a:visted b）以某元素相对于其父元素 或 兄弟元素的位置来获取元素的 结构伪类。 E:first-child: 查找E这个元素的父元素的第一个子元素E E:last-child: 查找最后一个元素 E:nth-chil...
CSS伪类和伪元素的区别详解
09-25
在CSS中，伪类和伪元素都是用于增加样式定义的重要工具，它们可以帮助开发者更精确地控制元素的外观，尤其是在特定的状态或位置下。虽然这两者在功能上有些相似，但它们有着本质的区别。 首先，让我们从定义上理解...
伪类、伪元素实例
03-20
https://mp.csdn.net/postedit/88689169 伪类选择元素基于的是当前元素处于的状态，或者说是元素当前所具有的...伪元素是对元素中特定内容进行操作的，它所操作的层次比伪类更深一层，也因此它的动态性比伪类要低很多。
浅谈CSS伪类与伪元素
09-25
本文向大家展示了CSS的伪类与伪元素，介绍的非常全面，这里推荐给大家参考下。
CSS伪类/伪元素选择器整理
09-25
CSS伪类及伪元素选择器，如超链接的a：link、a：visited、a：hover等等，本文整理了一些，喜欢的朋友可以收藏下
伪元素/伪类
CodingBleeding的博客
05-21 446
CSS伪类和伪元素
简单了解伪类和伪元素的区别
冰雪为融的博客
04-03 1816
使用伪元素的时候，总是感觉和伪类很相似，但又不能详细的说出两者的区别和联系，那么两者到底有什么区别和联系呢？下面我们就来聊聊两者，这个介绍的不多，主要还是聊聊伪元素的一些特点，这里不怎么写具体的实例，详细的应用后续我会做出详细的总结。伪类的定义：伪元素的定义：CSS伪元素是用来添加一些选择器的特殊效果。伪元素的语法：CSS伪类是用来添加一些选择器的特殊效果。哈哈，除了伪类和伪元素不同，其他的好像都...
CSS3伪类选择--目标伪类选择器
sunshine的博客
06-02 5737
目标伪类选择器：E：target，选择匹配E的所有元素，并且匹配元素被相关URL指向。                                目标伪类选择器是动态选择器，只有存在URL指向该匹配元素时，样式效果才会生效。 例子：纯CSS3实现手风琴效果 效果展示： 初始页面： 点击之后的页面： 点击之后的页面： HTML代码：
什么是伪类？什么是伪元素？区别是什么？
weixin_41011446的博客
08-13 2569
什么是伪类： a链接样式 点击链接 a:hover{color:red} 鼠标悬浮字体变红。 什么是伪元素：## 标题 ## p{ border:1px red solid; } p:before{content: “hey “; position: relative; ...
伪元素（伪对象）和伪类的区别?
小划乐的博客
10-29 2151
其中伪类和伪元素的根本区别在于：它们是否创造了新的元素。 伪元素/伪对象：不存在在DOM文档中，是虚拟的元素，是创建新元素。代表某个元素的子元素，这个子元素虽然在逻辑上存在，但却并不实际存在于文档树中。 伪对象选择符 Properties 属性 CSS Version 版本 Inherit From Parent 继承性 Description 简介 ...
一些常见的伪类选择器
热门推荐
weixin_44570988的博客
03-31 1万+
一、向被激活的元素添加样式。 伪类选择器 :active 使用此伪类选择器可点击转换样式，可改变所数的类的宽度，高度，颜色等等、、、 <style>标签内容 .weileiyi{ ...
伪类/伪元素选择符/选择器 深入了解
xiaomizhou66a的博客
07-08 1533
伪类/伪元素选择符/选择器 深入了解： 一、伪类选择符/选择器 CSS伪类是用来添加一些选择器的特殊效果。 就是给某个元素后面加上冒号然后加上需要的特殊修饰词 选择到所需要的效果，或者是元素。 ①元素使用伪类 例如：a：link ②元素的类使用伪类 例如：a.red:visited...
脱离文档流之 float 和 position:absolute的区别
加油~么么哒~~
02-20 6223
所谓的文档流，指的是元素排版布局过程中，元素会自动从左往右，从上往下的流式排列。并最终窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素。脱离文档流即是元素打乱了这个排列，或是从排版中拿走。 脱离文档流的元素有个标志：没有实际高度。 脱离文档流的元素都
浮动出现问题解决方法
加油~么么哒~~
02-21 4688
1.float: right 右浮动时，靠右换行（错行）的解决方法 当非float的元素和float的元素在一起的时候，如果非float元素在先，那么float的元素将被排斥。把右浮动的标签放在正常标签的前面即可。 {forum}{subject}{date1} {date1}{forum}{subject} 2.浮动如何换行 例子如：两个div设置了左浮动，
CSS3布局模型分析
加油~么么哒~~
03-08 1700
布局模型html部分 absolutemargin 方法步骤 严重缺点 floatmargin 方法步骤 缺点 圣杯布局 float负margin 推导步骤 总结 双飞翼布局 flex弹性盒子布局模型布局模型中经典布局有：三栏或者二栏布局中主内容自适应宽度且侧栏主栏可随意换位置，本文将针对这个需求进行分析。 这次布局模型将从absolute+margin–>float+margin–>圣杯布局–
伪类和伪元素有什么区别
最新发布
07-24
伪类和伪元素是CSS中的两个概念，它们的作用是为选择器提供额外的选择能力。 伪类（Pseudo-class）是用于选择元素的特殊状态或行为的关键词，它们以冒号（:）开头。例如，:hover用于选择鼠标悬停在元素上的状态，:...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值