五一吃瓜网_91网曝黑料今日吃瓜_51国产黑料吃瓜在线_91黑网吃瓜在线看 草莓视频网址_草莓视频色在线观看_草莓靠逼视频_深夜草莓视频APP

      估計(jì)很多朋友不是很清楚css的偽類(lèi)和偽元素, 藍(lán)鷗武漢HTML5培訓(xùn)小編今天談?wù)勈裁词莻晤?lèi),什么是偽元素。關(guān)于css偽類(lèi)和為元素的區(qū)別。
55dbca0c40d6f.jpg
官方解釋
      偽類(lèi)一開(kāi)始單單只是用來(lái)表示一些元素的動(dòng)態(tài)狀態(tài)，典型的就是鏈接的各個(gè)狀態(tài)（LVHA）。隨后CSS2標(biāo)準(zhǔn)擴(kuò)展了其概念范圍，使其成為了所有邏輯上存在但在文檔樹(shù)中卻無(wú)須標(biāo)識(shí)的“幽靈”分類(lèi)。
偽元素則代表了某個(gè)元素的子元素，這個(gè)子元素雖然在邏輯上存在，但卻并不實(shí)際存在于文檔樹(shù)中。
       偽元素實(shí)際上在CSS1中就存在了，但是現(xiàn)在藍(lán)鷗武漢HTML5培訓(xùn)小編要跟大家所討論的:before和:after則發(fā)布于CSS2.1中。在最初,偽元素的語(yǔ)法是使用“:”（一個(gè)冒號(hào)），隨著web的發(fā)展，在CSS3中修訂后的偽元素使用“::”（兩個(gè)冒號(hào)），也就是::before 和 ::after—以區(qū)分偽元素和偽類(lèi)（比如:hover，:active等）
雙冒號(hào)（::）和單冒號(hào)（:）的區(qū)別
所有支持CSS3的雙冒號(hào)（::）語(yǔ)法的瀏覽器都會(huì)支持單冒號(hào)（:）語(yǔ)法，但I(xiàn)E8只支持單冒號(hào)。建議只使用單冒號(hào)，以獲得最佳的瀏覽器支持。
雙冒號(hào)（::）是一種CSS3新語(yǔ)法，是用來(lái)將偽元素選擇器和偽元素區(qū)別開(kāi)。如果不需要IE8支持，就用雙冒號(hào)（::）吧。
下面我們來(lái)看看具體來(lái)看看兩者的定義
偽類(lèi)
偽類(lèi)選擇元素基于的是當(dāng)前元素處于的狀態(tài)，或者說(shuō)元素當(dāng)前所具有的特性，而不是元素的id、class、屬性等靜態(tài)的標(biāo)志。由于狀態(tài)是動(dòng)態(tài)變化的，所以一個(gè)元素達(dá)到一個(gè)特定狀態(tài)時(shí)，它可能得到一個(gè)偽類(lèi)的樣式；當(dāng)狀態(tài)改變時(shí)，它又會(huì)失去這個(gè)樣式。由此可以看出，它的功能和class有些類(lèi)似，但它是基于文檔之外的抽象，所以叫偽類(lèi)。
:link
偽類(lèi)將應(yīng)用于未被訪(fǎng)問(wèn)過(guò)的鏈接，與:visited互斥。
:hover
偽類(lèi)將應(yīng)用于有鼠標(biāo)指針懸停于其上的元素。
:active
偽類(lèi)將應(yīng)用于被激活的元素，如被點(diǎn)擊的鏈接、被按下的按鈕等。
:visited
偽類(lèi)將應(yīng)用于已經(jīng)被訪(fǎng)問(wèn)過(guò)的鏈接，與:link互斥。
注意:需要注意的是在CSS的定義中，同一個(gè)元素的:hover必須位于:link、:visited之后才能生效，:active必須位于:hover之后才能生效。
偽元素
與偽類(lèi)針對(duì)特殊狀態(tài)的元素不同的是，偽元素是對(duì)元素中的特定內(nèi)容進(jìn)行操作，它所操作的層次比偽類(lèi)更深了一層，也因此它的動(dòng)態(tài)性比偽類(lèi)要低得多。實(shí)際上，設(shè)計(jì)偽元素的目的就是去選取諸如元素內(nèi)容第一個(gè)字（母）、第一行，選取某些內(nèi)容前面或后面這種普通的選擇器無(wú)法完成的工作。它控制的內(nèi)容實(shí)際上和元素是相同的，但是它本身只是基于元素的抽象，并不存在于文檔中，所以叫偽元素。
:first-letter
偽元素的樣式將應(yīng)用于元素文本的第一個(gè)字（母）。
:first-line
偽元素的樣式將應(yīng)用于元素文本的第一行。
:before
在元素內(nèi)容的最前面添加新內(nèi)容。
:after
在元素內(nèi)容的最后面添加新內(nèi)容。
:before和:after通常與CSS內(nèi)容生成配合使用。
以上就是關(guān)于CSS偽類(lèi)與偽元素的定義與區(qū)別。藍(lán)鷗武漢培訓(xùn)中心,專(zhuān)注于Java培訓(xùn),HTML5培訓(xùn),PHP培訓(xùn),UI培訓(xùn),AR/VR培訓(xùn)等高端IT培訓(xùn),頂級(jí)師資授課,真實(shí)項(xiàng)目實(shí)戰(zhàn),名企高薪就業(yè)。