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