大战熟女丰满人妻av-荡女精品导航-岛国aaaa级午夜福利片-岛国av动作片在线观看-岛国av无码免费无禁网站-岛国大片激情做爰视频

專注Java教育14年 全國咨詢/投訴熱線:400-8080-105
動(dòng)力節(jié)點(diǎn)LOGO圖
始于2009,口口相傳的Java黃埔軍校
首頁 hot資訊 CSS中偽元素選擇器的詳細(xì)介紹

CSS中偽元素選擇器的詳細(xì)介紹

更新時(shí)間:2022-09-28 08:11:27 來源:動(dòng)力節(jié)點(diǎn) 瀏覽1140次

偽元素選擇器是什么?動(dòng)力節(jié)點(diǎn)小編來為大家進(jìn)行詳細(xì)介紹。

偽元素選擇器的詳細(xì)介紹

偽元素選擇器

::first-letter —— 匹配指定選擇器的首字母/首漢字

::first-line —— 匹配指定選擇器的首行。

::selection —— 匹配元素中被用戶選中或處于高亮狀態(tài)的部分。

::before —— 匹配被選元素的內(nèi)容前面插入內(nèi)容,可以與 content 配合使用

::after —— 匹配被選元素的內(nèi)容后面插入內(nèi)容,可以與 content 配合使用

before 和 after 的內(nèi)容是無法被選取的

偽類和偽元素的區(qū)別

偽類本質(zhì)上是為了彌補(bǔ)常規(guī) CSS 選擇器的不足,以便獲取到更多信息;

偽元素本質(zhì)上是創(chuàng)建了一個(gè)有內(nèi)容的虛擬容器;

CSS3 中偽類和偽元素的語法不同—— :是偽類 , ::是偽元素

可以同時(shí)使用多個(gè)偽類,而只能同時(shí)使用一個(gè)偽元素,且偽元素只能在末尾使用

根本區(qū)別在于:它們是否創(chuàng)造了新的元素, 這個(gè)新創(chuàng)造的元素就叫 "偽元素" 。

偽元素/偽對象:是虛擬的元素,是創(chuàng)建新元素。 這個(gè)新元素(偽元素) 是某個(gè)元素的子元素,這個(gè)子元素雖然在邏輯上存在,但卻并不實(shí)際存在于文檔樹中.

偽類:(無標(biāo)簽,找不到, 只有符合觸發(fā)條件時(shí)才能看到 ), 邏輯上存在但在文檔樹中卻無須標(biāo)識的“幽靈”分類。

偽元素特點(diǎn)

偽元素要配合 content 屬性一起使用

偽元素不會(huì)出現(xiàn)在 DOM 中,所以不能通過 js 來操作,僅僅是在 CSS 渲染層加入

偽元素的特效通常要使用:hover 偽類樣式來激活

:before 和 ::before

相同點(diǎn)

都可以用來表示偽類對象,用來設(shè)置對象前的內(nèi)容

:befor 和::before 寫法是等效的

不同點(diǎn)

:befor 是 Css2 的寫法,::before 是 Css3 的寫法

:before 的兼容性要比::before 好 ,不過在 H5 開發(fā)中建議使用::before 比較好

由于::before 和::after 生成的偽元素 包含在元素格式框內(nèi)

因此不能應(yīng)用在替換元素或單標(biāo)簽元素上, 比如 img 或 br 元素。

那些用 src 的都屬于 導(dǎo)入,導(dǎo)入就是替換元素

用 href 的屬于 引用,如 a 標(biāo)簽,非替換元素

以上就是關(guān)于“CSS中偽元素選擇器的詳細(xì)介紹”,大家如果對此比較感興趣,想了解更多相關(guān)知識,不妨來關(guān)注一下本站的CSS視頻教程,里面的課程內(nèi)容由淺到深,通俗易懂,很適合小白學(xué)習(xí),希望對大家能夠有所幫助哦。

提交申請后,顧問老師會(huì)電話與您溝通安排學(xué)習(xí)

免費(fèi)課程推薦 >>
技術(shù)文檔推薦 >>
主站蜘蛛池模板: 97影院理论片 | 特黄未满14周岁毛片 | 黄色网址中文字幕 | 天天亚洲综合 | 日韩中文字幕免费在线观看 | 国产精品视频第一区二区三区 | 成人黄色片视频 | 日韩麻豆 | 51国产福利视频在线观看 | 中文字幕久久亚洲一区 | 99re6在线视频免费精品 | 成人aa在线观看视频 | 国产在线视频你懂得 | 日韩欧美一区二区三区 | 日本免费在线一区 | 欧美最猛的24k毛片视频 | 中文字幕最新在线 | 亚洲欧美日韩国产一区二区精品 | 久久精品国产亚洲黑森林 | 天天做.天天爱.天天综合网 | 亚洲国产成人资源在线桃色 | 欧美日韩视频在线第一区 | 91长腿女神清纯大又嫩在线 | www.欧美| 欧美在线不卡 | 国产丰满老厨女房乱 | 久久黄色一级视频 | 在线观看日本免费不卡 | 成人在线精品视频 | 一区二区三区美女视频 | 国产精品成人免费视频不卡 | 久久婷婷成人综合色 | 99亚洲精品高清一二区 | 久久九九青青国产精品 | 亚洲视频成人 | 久久久久久久久久福利 | 国产一区高清视频 | 操操干 | 国产成人综合95精品视频免费 | 99久热成人精品视频 | 九九视频这里只有精品 |