課程
/前端開(kāi)發(fā)
/CSS3
/CSS3實(shí)現(xiàn)漂亮ToolTips效果
為什么在添加圓的下面的倒三角的時(shí)候用偽類,而不是用偽元素?.tooltip-content::after{},偽類和偽元素的區(qū)別是什么?
2015-04-23
源自:CSS3實(shí)現(xiàn)漂亮ToolTips效果 1-2
正在回答
單冒號(hào) (:) 表示偽類 :??已有元素處于某種狀態(tài)時(shí) , 為其添加對(duì)應(yīng)的樣式 , 狀態(tài)是根據(jù)用戶行為而動(dòng)態(tài)變化 , 譬如 : 當(dāng)用戶懸停在指定的元素時(shí),我們可以通過(guò):hover 來(lái)描述這個(gè)元素的狀態(tài)雙冒號(hào) (::) 表示偽元素 :?偽元素用于創(chuàng)建一些不在文檔樹(shù)中的元素,并為其添加樣式。比如說(shuō),我們可以通過(guò)::before 來(lái)在一個(gè)元素前增加一些文本,并為這些文本添加樣式。雖然用戶可以看到這些文本,但是這些文本實(shí)際上不在文檔樹(shù)中。
沒(méi)有吧,定義不一樣的說(shuō)。
偽類:http://www.w3school.com.cn/css/css_pseudo_classes.asp
偽元素:http://www.w3school.com.cn/css/css_pseudo_elements.asp
單冒號(hào)(:)用于CSS3偽類,雙冒號(hào)(::)用于CSS3偽元素。
雙冒號(hào)是在當(dāng)前規(guī)范中引入的,用于區(qū)分偽類和偽元素。但是偽類兼容現(xiàn)存樣式,瀏覽器需要同時(shí)支持舊的偽類,比如:first-line、:first-letter、:before、:after等。
對(duì)于CSS2之前已有的偽元素,比如:before和:after,單冒號(hào)和雙冒號(hào)的寫(xiě)法::before和::after作用是一樣的。
如果只需要兼容webkit、firefox、opera等瀏覽器,建議對(duì)于偽元素采用雙冒號(hào)的寫(xiě)法,如果不得不兼容IE瀏覽器,還是用CSS2的單冒號(hào)寫(xiě)法比較安全。
偽類用于向某些選擇器添加特殊的效果。如::link,:visited,:hover,:active等。
偽元素用于將特殊的效果添加到某些選擇器。如::first-line,:first-letter,:before,:after 等。
左轉(zhuǎn)右行 提問(wèn)者
舉報(bào)
CSS3 實(shí)現(xiàn)鼠標(biāo)懸停彈出信息提示框,學(xué)習(xí)達(dá)到對(duì)CSS3深入了解的目的
1 回答什么是偽類?
1 回答:after偽類用不了
2 回答在資料下載里面下載的,在chrome下查看元素,為什么會(huì)出錯(cuò)?
1 回答關(guān)于字體顏色問(wèn)題,之前定義字體顏色的時(shí)候,是綠色,為什么這里對(duì)類進(jìn)行定義字體顏色為黑色后,樣式不會(huì)覆蓋?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2020-05-04
單冒號(hào) (:) 表示偽類 :??已有元素處于某種狀態(tài)時(shí) , 為其添加對(duì)應(yīng)的樣式 , 狀態(tài)是根據(jù)用戶行為而動(dòng)態(tài)變化 , 譬如 : 當(dāng)用戶懸停在指定的元素時(shí),我們可以通過(guò):hover 來(lái)描述這個(gè)元素的狀態(tài)
雙冒號(hào) (::) 表示偽元素 :?偽元素用于創(chuàng)建一些不在文檔樹(shù)中的元素,并為其添加樣式。比如說(shuō),我們可以通過(guò)::before 來(lái)在一個(gè)元素前增加一些文本,并為這些文本添加樣式。雖然用戶可以看到這些文本,但是這些文本實(shí)際上不在文檔樹(shù)中。
2015-05-05
沒(méi)有吧,定義不一樣的說(shuō)。
偽類:http://www.w3school.com.cn/css/css_pseudo_classes.asp
偽元素:http://www.w3school.com.cn/css/css_pseudo_elements.asp
單冒號(hào)(:)用于CSS3偽類,雙冒號(hào)(::)用于CSS3偽元素。
雙冒號(hào)是在當(dāng)前規(guī)范中引入的,用于區(qū)分偽類和偽元素。但是偽類兼容現(xiàn)存樣式,瀏覽器需要同時(shí)支持舊的偽類,比如:first-line、:first-letter、:before、:after等。
對(duì)于CSS2之前已有的偽元素,比如:before和:after,單冒號(hào)和雙冒號(hào)的寫(xiě)法::before和::after作用是一樣的。
如果只需要兼容webkit、firefox、opera等瀏覽器,建議對(duì)于偽元素采用雙冒號(hào)的寫(xiě)法,如果不得不兼容IE瀏覽器,還是用CSS2的單冒號(hào)寫(xiě)法比較安全。
2015-04-23
偽類用于向某些選擇器添加特殊的效果。如::link,:visited,:hover,:active等。
偽元素用于將特殊的效果添加到某些選擇器。如::first-line,:first-letter,:before,:after 等。