CSS偽元素和偽類總結(jié)

aisuhua 發(fā)布于2019-08-29 11:34 / 3171人閱讀

摘要：今天總結(jié)一下關(guān)于的偽元素和偽類自己做了一張圖，簡單列舉了相關(guān)的知識點，另外，在圖中有一點關(guān)于和的限制沒有列舉出來，此處做一下簡單描述在中，和偽元素只能應(yīng)用于標(biāo)記或段落之類的塊級元素上，而不能應(yīng)用于超鏈接等的行內(nèi)元素。

最近一直在學(xué)習(xí)《CSS權(quán)威指南》，看完一個章節(jié)習(xí)慣整理知識點并做一下記錄，便于以后回過頭來溫習(xí)，順便也加深自己的記憶。今天總結(jié)一下關(guān)于CSS的偽元素和偽類：

自己做了一張圖，簡單列舉了相關(guān)的知識點，另外，在圖中有一點關(guān)于:first-letter和:first-line的限制沒有列舉出來，此處做一下簡單描述：

在CSS 2中，:first-letter和:first-line偽元素只能應(yīng)用于標(biāo)記或段落之類的塊級元素上，而不能應(yīng)用于超鏈接等的行內(nèi)元素。在CSS 2.1中，:first-letter能應(yīng)用于所有元素。不過能應(yīng)用于:first-letter和:first-line的CSS屬性還是有一些限制，具體允許的屬性見下表：

另外，所有的偽元素都必須放在出現(xiàn)該偽元素的選擇器的最后面，例如，如果寫成了p:first-line em這種就是不合法的。

云服務(wù)器 GPU云服務(wù)器偽元素獲取偽元素 css元素偽類

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/111732.html

相關(guān)文章

詳解 CSS 屬性 - 偽類和偽元素的區(qū)別

摘要：之前寫了一篇詳解屬性的博文，當(dāng)時自己沒分清楚偽元素和偽類，所以在文章內(nèi)把概念混淆了，慶幸兄指正了我的錯誤，所以今天打算好好研究下兩者的區(qū)別。偽元素用于將特殊的效果添加到某些選擇器。偽類種類偽元素種類區(qū)別這里用偽類和偽元素來進(jìn)行比較。之前寫了一篇《詳解 CSS 屬性 - :before && :after》的博文，當(dāng)時自己沒分清楚偽元素和偽類，所以在文章內(nèi)把概念混淆了，慶幸 @ri...

jiekechoo 2019-08-28 17:55 評論0 收藏0
詳解 CSS 屬性 - 偽類和偽元素的區(qū)別

摘要：之前寫了一篇詳解屬性的博文，當(dāng)時自己沒分清楚偽元素和偽類，所以在文章內(nèi)把概念混淆了，慶幸兄指正了我的錯誤，所以今天打算好好研究下兩者的區(qū)別。偽元素用于將特殊的效果添加到某些選擇器。偽類種類偽元素種類區(qū)別這里用偽類和偽元素來進(jìn)行比較。之前寫了一篇《詳解 CSS 屬性 - :before && :after》的博文，當(dāng)時自己沒分清楚偽元素和偽類，所以在文章內(nèi)把概念混淆了，慶幸 @ri...

AZmake 2019-08-01 14:39 評論0 收藏0
CSS基礎(chǔ)篇-- :before && :after的用法，偽類和偽元素的區(qū)別

摘要：一的用法如同對偽元素的名稱一樣，是用來給指定的元素的內(nèi)容前面插入新的內(nèi)容。二偽類和偽元素的區(qū)別偽類種類偽元素種類偽類作用對象是整個元素例如盡管這些條件不是基于的，但結(jié)果每一個都是作用于一個完整的元素，比如整個鏈接，段落，等等。一：:before && :after的用法 :before 如同對偽元素的名稱一樣，:before 是用來給指定的元素的內(nèi)容前面插入新的內(nèi)容。舉例說明： .b...

X_AirDu 2019-08-28 18:15 評論0 收藏0
CSS3偽類和偽元素

作為一個CSS3初學(xué)不久者來說，很容易混淆單冒號（:）和雙冒號（::）的用法，以為兩者可以互換著來使用。我自己之前也混淆過他們，因為兩者看起來太相像了，就像孿生兄弟。但實際上，他們的區(qū)別還是挺大的，最多算得上近房親戚。下面我們來開始講講單冒號（:）偽類和雙冒號（::）偽元素有什么相同和不同點（另外在CSS2中單冒號: 也叫做偽對象，具體可看看http://www.mb5u.com/tool/cs...

mozillazg 2019-04-23 13:35 評論0 收藏0
css偽類和偽元素的學(xué)習(xí)

摘要：發(fā)現(xiàn)有很多東西效果其實可以用偽類或者偽元素實現(xiàn)。記錄下為什么引入偽類和偽元素引入偽類和偽元素概念是為了格式化文檔樹以外的信息，也就是說。偽類和偽元素是用來修飾不在文檔樹中的部分，比如，一句話中的第一個字母，或者列表中的第一個元素。最近用js實現(xiàn)一些css效果。發(fā)現(xiàn)有很多東西效果其實可以用偽類或者偽元素實現(xiàn)。特地補充下這方面的知識。記錄下為什么引入偽類和偽元素 CSS introd...

魏憲會 2019-08-30 14:19 評論0 收藏0