CSS偽元素的基本使用

CSS偽元素的基本使用

上一篇文章介紹了很多個偽類的使用，這篇來說一下偽元素。

偽元素之所以稱為“偽”，主要是因為它不是真正網頁里的元素，但是標線行為又跟真正網頁元素一樣，也可以對其使用css操作。

偽元素比較少，今天就一個個的用法，不分門別類了。

一、::after和::beore

after和before用的比較多一些。都是配合content來給元素添加一些裝飾

.item::before { content: '*'; color: red }

.item::after { content: '*'; color: red }

二、::before 略

三、::cue

匹配所選元素中的WebVTT提示。這可以用于在VTT軌道的媒體中使用字幕和其他線索。多使用在視頻的文本顯示上。

四、::first-letter

修改塊級元素的第一行的第一個字母，比如你經常看到故事書中的第一個文字是大寫的，就可使用它在頁面上做對應的設置

五、::first-line

用在塊級元素上的第一行

六、::selection

應用于文檔中被用戶高亮的部分（比如使用鼠標或其他選擇設備選中的部分）

簡單來說就是修改我們用鼠標選中的文字的顏色和背景色

七、::slotted()

用于選定那些被放在 HTML模板 中的元素，這對于我們現在使用框架而不是再自創標簽的用戶來說，很少會用到

CSS

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。