实战IT培训机构_黄色激情网站_IT培训班选大学生IT技术培训中心_黄色激情视频网站_中公优就业

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中偽類和偽元素的區別”已幫助 人

>>本文地址：http://m.jecan.cn/zhuanye/2020/52888.html

THE END  

聲明:本站稿件版權均屬中公教育優就業所有，未經許可不得擅自轉載。

1 您的年齡

2 您的學歷

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

獲取測試結果
  • 大前端大前端
  • 大數據大數據
  • 互聯網營銷互聯網營銷
  • JavaJava
  • Linux云計算Linux
  • Python+人工智能Python
  • 嵌入式物聯網嵌入式
  • 全域電商運營全域電商運營
  • 軟件測試軟件測試
  • 室內設計室內設計
  • 平面設計平面設計
  • 電商設計電商設計
  • 網頁設計網頁設計
  • 全鏈路UI/UE設計UI設計
  • VR/AR游戲開發VR/AR
  • 網絡安全網絡安全
  • 新媒體與短視頻運營新媒體
  • 直播帶貨直播帶貨
  • 智能機器人軟件開發智能機器人
 

快速通道fast track

近期開班時間TIME

主站蜘蛛池模板： 搅拌磨|搅拌球磨机|循环磨|循环球磨机-无锡市少宏粉体科技有限公司 | 大鼠骨髓内皮祖细胞-小鼠神经元-无锡欣润生物科技有限公司 | 抖音短视频运营_企业网站建设_网络推广_全网自媒体营销-东莞市凌天信息科技有限公司 | 天助网 - 中小企业全网推广平台_生态整合营销知名服务商_天助网采购优选 | 深圳富泰鑫五金_五金冲压件加工_五金配件加工_精密零件加工厂 | 沧州友城管业有限公司-内外涂塑钢管-大口径螺旋钢管-涂塑螺旋管-保温钢管生产厂家 | 福兰德PVC地板|PVC塑胶地板|PVC运动地板|PVC商用地板-中国弹性地板系统专业解决方案领先供应商! 福建成考网-福建成人高考网 | 上海璟文空运首页_一级航空货运代理公司_机场快递当日达 | ◆大型吹塑加工|吹塑加工|吹塑代加工|吹塑加工厂|吹塑设备|滚塑加工|滚塑代加工-莱力奇塑业有限公司 | 橡胶膜片,夹布膜片,橡胶隔膜密封,泵阀设备密封膜片-衡水汉丰橡塑科技公司网站 | 西安中国国际旅行社（西安国旅） | 亚克隆,RNAi干扰检测,miRNA定量检测-上海基屹生物科技有限公司 | 招商帮-一站式网络营销服务|互联网整合营销|网络推广代运营|信息流推广|招商帮企业招商好帮手|搜索营销推广|短视视频营销推广 | 固诺家居-全屋定制十大品牌_整体衣柜木门橱柜招商加盟 | 恒压供水控制柜|无负压|一体化泵站控制柜|PLC远程调试|MCGS触摸屏|自动控制方案-联致自控设备 | 石栏杆_青石栏杆_汉白玉栏杆_花岗岩栏杆 - 【石雕之乡】点石石雕石材厂 | 头条搜索极速版下载安装免费新版,头条搜索极速版邀请码怎么填写？ - 欧远全 | 桁架楼承板-钢筋桁架楼承板-江苏众力达钢筋楼承板厂 | 山东聚盛新型材料有限公司-纳米防腐隔热彩铝板和纳米防腐隔热板以及钛锡板、PVDF氟膜板供应商 | 中国在职研究生招生信息网| 临海涌泉蜜桔官网|涌泉蜜桔微商批发代理|涌泉蜜桔供应链|涌泉蜜桔一件代发 | 刑事律师_深圳著名刑事辩护律师_王平聚【清华博士|刑法教授】 | 常州律师事务所_常州律所_常州律师-江苏乐天律师事务所 | 外观设计_设备外观设计_外观设计公司_产品外观设计_机械设备外观设计_东莞工业设计公司-意品深蓝 | CTP磁天平|小电容测量仪|阴阳极极化_双液系沸点测定仪|dsj电渗实验装置-南京桑力电子设备厂 | 老城街小面官网_正宗重庆小面加盟技术培训_特色面馆加盟|牛肉拉面|招商加盟代理费用多少钱 | 肉嫩度仪-凝胶测试仪-国产质构仪-气味分析仪-上海保圣实业发展有限公司|总部 | 老城街小面官网_正宗重庆小面加盟技术培训_特色面馆加盟|牛肉拉面|招商加盟代理费用多少钱 | 首页|专注深圳注册公司，代理记账报税，注册商标代理，工商变更，企业400电话等企业一站式服务-慧用心 | 高尔夫球杆_高尔夫果岭_高尔夫用品-深圳市新高品体育用品有限公司 | 臻知网大型互动问答社区-你的问题将在这里得到解答！-无锡据风网络科技有限公司 | YAGEO国巨电容|贴片电阻|电容价格|三星代理商-深圳市巨优电子有限公司 | Safety light curtain|Belt Sway Switches|Pull Rope Switch|ultrasonic flaw detector-Shandong Zhuoxin Machinery Co., Ltd | 尾轮组_头轮组_矿用刮板_厢式刮板机_铸石刮板机厂家-双驰机械 | 包装机传感器-搅拌站传感器-山东称重传感器厂家-济南泰钦电气 | 泥浆在线密度计厂家-防爆数字压力表-膜盒-远传压力表厂家-江苏大亚自控设备有限公司 | 蜘蛛车-登高车-高空作业平台-高空作业车-曲臂剪叉式升降机租赁-重庆海克斯公司 | 篮球架_乒乓球台_足球门_校园_竞技体育器材_厂家_价格-沧州浩然体育器材有限公司 | 超声波焊接机,振动摩擦焊接机,激光塑料焊接机,超声波焊接模具工装-德召尼克（常州）焊接科技有限公司 | 学习安徽网| 协议书_协议合同格式模板范本大全 |