关于前端:CSS伪元素的基本使用

40次阅读

共计 553 个字符,预计需要花费 2 分钟才能阅读完成。

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

正文完
 0