什么是偽類與偽元素？偽類與偽元素的區(qū)別的區(qū)別詳細(xì)說(shuō)明
發(fā)表時(shí)間：2023-08-30 來(lái)源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]本篇文章給大家?guī)?lái)的內(nèi)容是關(guān)于什么是偽類和偽元素？偽類和偽元素的區(qū)別的區(qū)別詳解，有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)你有所幫助。1、偽類種類2、偽元素種類（1）偽類作用對(duì)象是整個(gè)元素例如：a:link
{color:#111}
a:hover
{color:#222}
div:fir...
本篇文章給大家?guī)?lái)的內(nèi)容是關(guān)于什么是偽類和偽元素？偽類和偽元素的區(qū)別的區(qū)別詳解，有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)你有所幫助。
1、偽類種類
2、偽元素種類
（1）偽類作用對(duì)象是整個(gè)元素
例如：
a:link
{color:#111}
a:hover
{color:#222}
div:first-child
{color:#333}
div:nth-child（3）
{color:#444}盡管這些條件不是基于DOM的，但結(jié)果每一個(gè)都是作用于一個(gè)完整的元素，比如整個(gè)鏈接，段落，div等等。
（2）偽元素作用于元素的一部分
p::first-line
{color:#555}
p::first-letter
{color:#666}
a::before
{content : "hello
world";}（3）偽元素作用于元素的一部分：一個(gè)段落的第一行或者第一個(gè)字母。
總結(jié)：偽元素其實(shí)相當(dāng)于偽造了一個(gè)元素，例如before,first-letter達(dá)到的效果就是偽造了一個(gè)元素，然后添加了其相應(yīng)的效果而已；而偽類沒(méi)有偽造元素，例如first-child只是給子元素添加樣式而已。
偽元素和偽類之所以這么容易混淆，是因?yàn)樗麄兊男Ч愃贫覍懛ㄏ喾�，但�?shí)際上 css3 為了區(qū)分兩者，已經(jīng)明確規(guī)定了偽類用一個(gè)冒號(hào)來(lái)表示，而偽元素則用兩個(gè)冒號(hào)來(lái)表示。
但因?yàn)榧嫒菪缘膯?wèn)題，所以現(xiàn)在大部分還是統(tǒng)一的單冒號(hào)，但是拋開兼容性的問(wèn)題，我們?cè)跁鴮憰r(shí)應(yīng)該盡可能養(yǎng)成好習(xí)慣，區(qū)分兩者。
以上就是對(duì)什么是偽類和偽元素？偽類和偽元素的區(qū)別的區(qū)別詳解的全部介紹，希望大家可以有所收獲，更多HTML視頻教程請(qǐng)關(guān)注PHP中文網(wǎng)。
以上就是什么是偽類和偽元素？偽類和偽元素的區(qū)別的區(qū)別詳解的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
