偽元素和偽類的區(qū)別和作用?
2022-08-18 10:15 作者:網(wǎng)星軟件 | 我要投稿
1.偽元素:在內(nèi)容元素的前后插入額外的元素或樣式,但是這些元素實(shí)際上并不在文檔中生成。它們只在外部顯示可見,但不會在文檔的源代碼中找到它們,因此,稱為“偽”元素。例如:
p::before {content:"第一章:";}
p::after {content:"Hot!";}
p::first-line {background:red;}
p::first-letter {font-size:30px;}
2.偽類:將特殊的效果添加到特定選擇器上。它是已有元素上添加類別的,不會產(chǎn)生新的元素。例如:
a:hover {color: #FF00FF}
p:first-child {color: red}
總結(jié): 偽類是通過在元素選擇器上加?偽類改變元素狀態(tài),?偽元素通過對元素的操作進(jìn)?對元素的改變。
標(biāo)簽: