溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“CSS中偽元素選擇器有什么特點”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“CSS中偽元素選擇器有什么特點”吧!
::first-letter —— 匹配指定選擇器的首字母/首漢字
::first-line —— 匹配指定選擇器的首行。
::selection —— 匹配元素中被用戶選中或處于高亮狀態的部分。
::before —— 匹配被選元素的內容前面插入內容，可以與 content 配合使用
::after —— 匹配被選元素的內容后面插入內容，可以與 content 配合使用
before 和 after 的內容是無法被選取的
偽類本質上是為了彌補常規的CSS選擇器不足，以便獲取到更多信息;
偽元素本質上是創建了一個有內容的虛擬容器;
CSS3 中偽類和偽元素的語法不同—— :是偽類 ， ::是偽元素
可以同時使用多個偽類，而只能同時使用一個偽元素，且偽元素只能在末尾使用
根本區別在于：它們是否創造了新的元素, 這個新創造的元素就叫 "偽元素" 。
偽元素/偽對象：是虛擬的元素，是創建新元素。 這個新元素(偽元素) 是某個元素的子元素，這個子元素雖然在邏輯上存在，但卻并不實際存在于文檔樹中.
偽類：(無標簽,找不到, 只有符合觸發條件時才能看到 ), 邏輯上存在但在文檔樹中卻無須標識的“幽靈”分類。
偽元素要配合 content 屬性一起使用
偽元素不會出現在 DOM 中，所以不能通過 js 來操作，僅僅是在 CSS 渲染層加入
偽元素的特效通常要使用:hover 偽類樣式來激活
:before 和 ::before
相同點
都可以用來表示偽類對象，用來設置對象前的內容
:befor 和::before 寫法是等效的
不同點
:befor 是 Css2 的寫法，::before 是 Css3 的寫法
:before 的兼容性要比::before 好 ，不過在 H5 開發中建議使用::before 比較好
由于::before 和::after 生成的偽元素 包含在元素格式框內
因此不能應用在替換元素或單標簽元素上， 比如 img 或 br 元素。
那些用 src 的都屬于 導入，導入就是替換元素
用 href 的屬于 引用，如 a 標簽，非替換元素
到此，相信大家對“CSS中偽元素選擇器有什么特點”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
