IT培训网更多 收回

IT培训
关注我们
官方公众号 回复"大礼包"享福利 领学习资料 分享IT知识
|

IT在线学习更多 收回

热门课程 更多 >
关注我们
扫码领资料 零基础学IT 微信扫码关注 回复“大礼包”享福利
| 初高中软件培训| 中公企商培训| 中公联合办学| 优校邦| 中公PMP| 中公软考| 计算机二级培训
实训项目库 登录 | 注册
400-650-7353
您所在的位置：首页 > IT干货资料 > web前端 > 【Web前端基础知识】CSS中伪类和伪元素的区别

【Web前端基础知识】CSS中伪类和伪元素的区别

  • 发布： Web前端培训
  • 来源：Web前端干货资料
  • 2020-08-21 14:46:19
  • 阅读()
  • 分享
  • 手机端入口

伪类和伪元素的区别，其实很简单，从字面上就可以理解。它们有一个共同的修饰词“伪”，那么“伪”是什么意思呢?就是假的。所以，伪类就是假的类，伪元素就是假的元素，这就是在字面上它们之间的区别。

定义

伪类：

CSS3给出的定义是：

The pseudo-class concept is introduced to permit selection based on information that lies outside of the document tree or that cannot be expressed using the other simple selectors.

大致翻译过来的意思就是：伪类存在的意义是为了通过选择器，格式化DOM树以外的信息以及不能被常规CSS选择器获取到的信息。

通过上面的概念我们知道了伪类的功能有两种：

1.格式化DOM树以外的信息。比如： 标签的:link、:visited 等。这些信息不存在于DOM树中。

2.不能被常规CSS选择器获取到的信息。比如：要获取第一个子元素，我们无法用常规的CSS选择器获取，但可以通过 :first-child 来获取到。

伪元素：

CSS3给出的定义如下：

Pseudo-elements create abstractions about the document tree beyond those specified by the document language. For instance, document languages do not offer mechanisms to access the first letter or first line of an element's content. Pseudo-elements allow authors to refer to this otherwise inaccessible information. Pseudo-elements may also provide authors a way to refer to content that does not exist in the source document (e.g., the ::before and ::after pseudo-elements give access to generated content).

大致翻译过来的意思就是：伪元素可以创建一些文档语言无法创建的虚拟元素。比如：文档语言没有一种机制可以描述元素内容的第一个字母或第一行，但伪元素可以做到(::first-letter、::first-line)。同时，伪元素还可以创建源文档不存在的内容，比如使用 ::before 或 ::after。

文章“【Web前端基础知识】CSS中伪类和伪元素的区别”已帮助 人

>>本文地址：https://www.ujiuye.com/zhuanye/2020/52888.html

THE END  

声明:本站稿件版权均属中公教育优就业所有，未经许可不得擅自转载。

推荐阅读

1 您的年龄

2 您的学历

3 您更想做哪个方向的工作？

获取测试结果
  • 大前端大前端
  • 大数据大数据
  • 互联网营销互联网营销
  • JavaJava
  • Linux云计算Linux
  • Python+人工智能Python
  • 嵌入式物联网嵌入式
  • 全域电商运营全域电商运营
  • 软件测试软件测试
  • 室内设计室内设计
  • 平面设计平面设计
  • 电商设计电商设计
  • 网页设计网页设计
  • 全链路UI/UE设计UI设计
  • VR/AR游戏开发VR/AR
  • 网络安全网络安全
  • 新媒体与短视频运营新媒体
  • 直播带货直播带货
  • 智能机器人软件开发智能机器人
 
  • 大家都在看
  • 点击排行榜
1  软件测试需要学习什么技术？
2  大数据培训什么内容，培训完都 可以从事什么工作？
3 Web前端饱和了嘛？现在参加培训 还能找到工作吗？
4  Python培训完好找工作吗，现在 学习还来得及吗？
5 Unity培训完薪资待遇多少钱？
6  网络营销的前景怎么样?现在学习 还来得及吗?
7  优就业Linux培训课程体系是如何 构成的？
8 Web前端的前景怎么样？现在学习 来得及吗？
编程都有哪些种类？
计算机培训课程有什么？
软件开发是什么行业
UI设计工资一般多少?
it技术支持和运维有区别吗？
零基础学编程应该从哪入手？
电商培训课程有哪些？
IT行业发展好的十大城市有哪些？

快速通道fast track

近期开班时间TIME

上一篇 【Web前端基础知识】关于css居中

下一篇 【Web前端基础知识】关于前端正则表达式基本用法（下）

优就业——中公教育旗下IT培训品牌

中公教育是大型的多品类职业教育机构，提供超过100个品类的综合职业就业培训服务。

优就业是中公教育IT培训品牌，致力于培养面向互联网领域的高端人才，以学员就业为目的，优质就业为宗旨，是一家集Java、Web前端、UI设计等十余类课程为一体的IT培训机构。

中公教育IT培训品牌 400-650-7353

Copyright©1999- 北京中公教育科技有限公司 .All Rights Reserved 京ICP备10218183号-88
京ICP证161188号 京公网安备11010802020723号 投诉建议：400-650-7353

在线咨询

扫码回复关键词“大礼包”
享学习福利

微信公众号
iPhone下载
Android下载