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://www.028benet.com/zhuanye/2020/52888.html

THE END  

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

1 您的年齡

2 您的學歷

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

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

快速通道fast track

近期開班時間TIME

主站蜘蛛池模板： 亚洲一级片在线观看| 97久久精品国产成人影院| 亚州免费一级毛片| 亚洲一区爱区精品无码| 全免费a级毛片免费看不卡| 北条麻妃vs黑人解禁| 公和我在厨房猛烈进出视频| 国产午夜手机精彩视频| 国产一级在线观看| 可以免费观看的毛片| 午夜看片在线观看| 国产国产在线播放你懂的| 国产v精品欧美精品v日韩| 亚洲人午夜射精精品日韩| 美女扒开大腿让男人桶| 成人毛片免费播放| 处处吻动漫高清在线观看| 尹人香蕉久久99天天| 无套日出白浆在线播放| 日韩欧美在线综合网高清| 日本插曲的痛的30分钟| 性欧美熟妇videofreesex| 日本黄页网站免费大全| 最近中文字幕高清中文字幕电影二| 日本在线理论片| 旧里番yy6080| 扒开双腿疯狂进出爽爽爽动态图 | 中文日本免费高清| 久久精品无码午夜福利理论片| 亚洲电影免费看| 国产免费人成在线视频| 国产尤物在线视频| 国产欧美精品一区二区| 四虎精品成人免费永久| 国产精品自在在线午夜出白浆| 哈昂～哈昂够了太多太深小说 | 5566中文字幕| 91午夜精品亚洲一区二区三区| 99这里只精品热在线获取| 久久机热这里只有精品无需| 亚洲AV午夜精品一区二区三区|