久久一区二区三区超碰国产精品,亚洲人成在线网站,国产在线精品一区免费香蕉,国产精品免费电影

歡迎您訪問(wèn)(教程)css中的偽元素和偽類得的區(qū)別!

(教程)css中的偽元素和偽類得的區(qū)別

更新時(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);
 }

意思是的英文_意思是什么_hover是什么意思

登錄后復(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) 偽類/偽元素列表

:

選擇正在激活的元素

hover是什么意思_意思是什么_意思是的英文

:徘徊

選擇鼠標(biāo)懸停的元素

:關(guān)聯(lián)

選擇未訪問(wèn)過(guò)的元素

:

選擇已經(jīng)訪問(wèn)過(guò)的元素

:第一個(gè)孩子

選擇作為其父元素的第一個(gè)子元素的元素

:郎

選擇具有指定 lang 屬性的元素

意思是什么_hover是什么意思_意思是的英文

:重點(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)重相同,則前面的樣式將被后面的樣式替換。 覆蓋。

為您推薦

哈利波特與魔法石的英文名字是啥?英國(guó)版叫Harry

的作品;她學(xué)讀的是法語(yǔ)專業(yè),她也學(xué)拉丁語(yǔ)和希臘語(yǔ):例如,《哈利波特》系列第一本《哈利波特與魔法石》的英文名字是啥?《哈利波特》進(jìn)入美國(guó),需要“美化”()才行。有人統(tǒng)計(jì)《哈利波特與魔法石》這本中有222個(gè)不同,有興趣的朋友可以讀一讀

2024-05-17 10:48

關(guān)于網(wǎng)球歷史及規(guī)則的四個(gè)方面對(duì)面詳細(xì)闡述

摘要:本文將給讀者介紹網(wǎng)球歷史及規(guī)則,從四個(gè)方面對(duì)此進(jìn)行詳細(xì)闡述,包括比賽規(guī)則、比賽場(chǎng)地、比賽裝備以及網(wǎng)球歷史回顧,旨在提供全方位的了解和引發(fā)讀者的興趣。四、網(wǎng)球歷史回顧總之,了解網(wǎng)球歷史及規(guī)則對(duì)喜歡網(wǎng)球的人們來(lái)說(shuō)十分重要。歷史回顧與知識(shí)深入了解也可以增加對(duì)體育運(yùn)動(dòng)的熱愛(ài)和追求。

2024-05-17 07:17

2022年12月英語(yǔ)四級(jí)聽(tīng)力真題e:

2011年12月四級(jí)真題,2011年12月四級(jí)真題及答案point.job.2022年12月英語(yǔ)四級(jí)聽(tīng)力真題

2024-05-16 09:19

2015年福建省高考作文模擬題29篇

篇1:快樂(lè)福建游作文篇2:福建游(一)作文福建游(一)作文篇27:福建高考作文:材料作文福建高考作文:材料作文20高考語(yǔ)文科考試已經(jīng)結(jié)束,以下為年福建高考作文題:2012高考作文――福建卷福建高考作文經(jīng)典福建高考零分作文福建高考英語(yǔ)作文范文福建高考滿分作文游福建作文范文

2024-05-16 08:21

英語(yǔ)單詞所指的中文意思篇-

英語(yǔ)的中文是什么意思【英語(yǔ)的中文是什么意思】相關(guān)文章:英語(yǔ)will的中文是什么意思12-04英語(yǔ)such的中文是什么意思12-06英語(yǔ)的中文是什么意思01-21英語(yǔ)under的中文是什么意思03-18英語(yǔ)over的中文是什么意思03-04英語(yǔ)dry的中文是什么意思12-03

2024-05-15 15:35

2019年12月大學(xué)英語(yǔ)四級(jí)考試真題答案答案解析!

先share給周圍的朋友再對(duì)答案也可一鍵轉(zhuǎn)發(fā)給一同奮戰(zhàn)的考友2019年12月大學(xué)英語(yǔ)四級(jí)考試真題答案他們不僅非常情愿為孩子的教育投資,而且花很多時(shí)間督促他們學(xué)習(xí)。一般來(lái)說(shuō),名有一個(gè)或兩個(gè)漢字,從孩子的名字可以推斷出父母希望孩子成為什么樣的人,或者預(yù)期他們過(guò)什么樣的生活。

2024-05-14 20:15

加載中...
主站蜘蛛池模板: 自贡市| 卢湾区| 衡南县| 灌阳县| 扶风县| 久治县| 南部县| 苗栗市| 宿迁市| 乌拉特中旗| 柏乡县| 庄浪县| 西昌市| 西畴县| 樟树市| 武宁县| 岳阳县| 沁源县| 湟中县| 邳州市| 揭西县| 遂平县| 庆云县| 集贤县| 镇远县| 盐城市| 台东市| 涪陵区| SHOW| 汾阳市| 泌阳县| 永德县| 奉节县| 鸡西市| 天水市| 宽甸| 禹城市| 临邑县| 西峡县| 肇源县| 文成县|