更新時(shí)間:2024-05-17 21:24:48作者:佚名
CSS中“::”的意思是“...”,是一個(gè)偽元素,用于創(chuàng)建一個(gè)偽元素并將其設(shè)置為所選元素的第一個(gè)子元素,將其插入到該元素的其他內(nèi)容中。 以前,語(yǔ)法是“::{樣式代碼}”。
本教程的運(yùn)行環(huán)境:系統(tǒng),CSS3&&HTML5版本,Dell G3電腦。
css中::是什么意思
在CSS中,::是一個(gè)偽類元素英語(yǔ)作文,代表生成的內(nèi)容元素,代表對(duì)??應(yīng)元素的可抽象樣式的第一個(gè)子元素,即:被選擇元素的第一個(gè)子元素。
可以使用::將要插入的內(nèi)容插入到元素的其他內(nèi)容之前,默認(rèn)會(huì)內(nèi)聯(lián)顯示。 ::需要屬性來(lái)指定內(nèi)容的值。
::使用場(chǎng)景(比如在元素前面添加圖標(biāo))
2019/11/29 15:35:51
//在這前面加一個(gè)小鬧鐘的圖標(biāo)就可使用::befor
登錄后復(fù)制
.test::before { content: url(./1597910280(1).png); }
登錄后復(fù)制
相同點(diǎn):
1.偽類對(duì)象,用于設(shè)置對(duì)象之前的內(nèi)容
2. :: 和 : 在書(shū)寫(xiě)上是等效的。
不同之處:
:是Css2的寫(xiě)法,::是Css3的寫(xiě)法
:比::兼容性更好hover是什么意思,但在H5開(kāi)發(fā)中建議使用::。
闡明:
1. 偽類元素應(yīng)與屬性一起使用
2、偽類元素是CSS渲染層添加的,無(wú)法通過(guò)JS操作。
3.偽類物體特效通常通過(guò):hover偽類樣式激活
我覺(jué)得這個(gè)有點(diǎn)雞肋,你可以用也可以不用。
偽元素和偽類的區(qū)別:偽類用于選擇DOM樹(shù)之外的信息hover是什么意思,或者不能用簡(jiǎn)單選擇器表示的信息。 前者包括那些與指定狀態(tài)匹配的元素,例如:,:; 后者包括 DOM 樹(shù)中滿足某些邏輯條件的元素,例如:first-child、:first-of-type、:。 CSS 偽類用于為某些選擇器添加特殊效果。
偽元素是未在 DOM 樹(shù)中定義的虛擬元素。 與其他選擇器不同的是,它不以元素為最小選擇單位,而是選擇元素的指定內(nèi)容。例如::表示選擇
選擇元素內(nèi)容的前一個(gè)內(nèi)容,即“”;::表示選擇元素的選中內(nèi)容。 CSS 偽元素用于為某些選擇器設(shè)置特殊效果。
2)語(yǔ)法差異
在CSS3中,偽類和偽元素的語(yǔ)法也不同。 偽元素被修改為以 :: 開(kāi)頭。 但由于歷史原因,瀏覽器繼續(xù)支持以:開(kāi)頭的偽元素,但建議以::開(kāi)頭的標(biāo)準(zhǔn)格式編寫(xiě)。
3) 偽類/偽元素列表
:
選擇正在激活的元素
:徘徊
選擇鼠標(biāo)懸停的元素
:關(guān)聯(lián)
選擇未訪問(wèn)過(guò)的元素
:
選擇已經(jīng)訪問(wèn)過(guò)的元素
:第一個(gè)孩子
選擇作為其父元素的第一個(gè)子元素的元素
:郎
選擇具有指定 lang 屬性的元素
:重點(diǎn)
選擇具有鍵盤(pán)輸入焦點(diǎn)的元素
:
選擇每個(gè)激活的元素
:
選擇每個(gè)禁止元素
:
選擇每個(gè)選定的元素
:
選擇當(dāng)前錨元素
::第一的-
選擇指定元素的第一個(gè)單詞
::第一行
選擇指定元素的第一行
::后
在指定元素的內(nèi)容后面插入內(nèi)容
::
在指定元素的內(nèi)容之前插入內(nèi)容
::
選擇用戶在指定元素中選擇的內(nèi)容
偽類與類具有相同的優(yōu)先級(jí),偽元素與標(biāo)簽具有相同的優(yōu)先級(jí)。 對(duì)了,優(yōu)先級(jí)怎么判斷,一般都是! > 內(nèi)聯(lián)樣式 > ID 選擇器 > 類選擇器 > 標(biāo)記 > 通配符 > 繼承 > 瀏覽器默認(rèn)屬性。 還有一個(gè)簡(jiǎn)單的計(jì)算方法。 內(nèi)聯(lián)樣式表的權(quán)重是1000,ID選擇器的權(quán)重是100,Class選擇器的權(quán)重是10,HTML標(biāo)簽選擇器的權(quán)重是1,而權(quán)重實(shí)際上并不是以十進(jìn)制來(lái)計(jì)算的。 數(shù)字表示只是為了說(shuō)明這個(gè)想法。 我們可以在選擇器中添加規(guī)則并比較權(quán)重。 權(quán)重越大,優(yōu)先級(jí)越高。 如果權(quán)重相同,則前面的樣式將被后面的樣式替換。 覆蓋。