課程
/前端開發
/HTML/CSS
/十天精通CSS3
::before?:before
2017-03-15
源自:十天精通CSS3 7-8
正在回答
偽類一開始單單只是用來表示一些元素的動態狀態,典型的就是鏈接的各個狀態(LVHA)。隨后CSS2標準擴展了其概念范圍,使其成為了所有邏輯上存在但在文檔樹中卻無須標識的“幽靈”分類。
偽元素則代表了某個元素的子元素,這個子元素雖然在邏輯上存在,但卻并不實際存在于文檔樹中。
Samuel_Yang 提問者
偽類選擇元素基于的是當前元素處于的狀態,或者說元素當前所具有的特性,而不是元素的 id、class、屬性等靜態的標志。由于狀態是動態變化的,所以一個元素達到一個特定狀態時,它可能得到一個偽類的樣式;當狀態改變時,它又會失去這個樣式。由此可以看出,它的功能和 class 有些類似,但它是基于文檔之外的抽象,所以叫偽類。
與偽類針對特殊狀態的元素不同的是,偽元素是對元素中的特定內容進行操作,它所操作的層次比偽類更深了一層,也因此它的動態性比偽類要低得多。實際上,設計偽元素的目的就是去選取諸如元素內容第一個字(母)、第一行,選取某些內容前面或后面這種普通的選擇器無法完成的工作。它控制的內容實際上和元素是相同的,但是它本身只是基于元素的抽象,并不存在于文檔中,所以叫偽元素。
閱讀更多
個人認為:偽類偏向于一個元素的動作,偽元素偏向于一個元素的屬性。
舉報
本課程為CSS3入門教程,深刻詳解CSS3知識讓網頁穿上絢麗裝備
7 回答偽類與偽元素的區別?
3 回答偽類和偽元素的區別是什么?
1 回答偽類元素是這樣嗎
1 回答偽類 :before :after 偽元素 ::before ::after 這倆什么區別?
1 回答什么是偽元素?為什么前面沒有講偽元素?這里卻要用偽元素
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-03-17
偽類一開始單單只是用來表示一些元素的動態狀態,典型的就是鏈接的各個狀態(LVHA)。隨后CSS2標準擴展了其概念范圍,使其成為了所有邏輯上存在但在文檔樹中卻無須標識的“幽靈”分類。
偽元素則代表了某個元素的子元素,這個子元素雖然在邏輯上存在,但卻并不實際存在于文檔樹中。
2018-03-15
偽類選擇元素基于的是當前元素處于的狀態,或者說元素當前所具有的特性,而不是元素的 id、class、屬性等靜態的標志。由于狀態是動態變化的,所以一個元素達到一個特定狀態時,它可能得到一個偽類的樣式;當狀態改變時,它又會失去這個樣式。由此可以看出,它的功能和 class 有些類似,但它是基于文檔之外的抽象,所以叫偽類。
與偽類針對特殊狀態的元素不同的是,偽元素是對元素中的特定內容進行操作,它所操作的層次比偽類更深了一層,也因此它的動態性比偽類要低得多。實際上,設計偽元素的目的就是去選取諸如元素內容第一個字(母)、第一行,選取某些內容前面或后面這種普通的選擇器無法完成的工作。它控制的內容實際上和元素是相同的,但是它本身只是基于元素的抽象,并不存在于文檔中,所以叫偽元素。
閱讀更多
2017-03-17
個人認為:偽類偏向于一個元素的動作,偽元素偏向于一個元素的屬性。