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 模板 中的元素,这对于咱们当初应用框架而不是再借鉴标签的用户来说,很少会用到