文章作者:「夜幕团队 NightTeam」 - 戴煌金
润色、校对:「夜幕团队 NightTeam」 - Loco
什么是隐式 Style–CSS
先来唠唠什么是 隐式 Style–CSS
:
CSS中,::before 创建一个伪元素,其将成为匹配选中的元素的第一个子元素。常通过 content 属性来为一个元素添加修饰性的内容。
引用自:https://developer.mozilla.org/zh-CN/docs/Web/CSS/::before
上面的这段话对于没做过前端开发的朋友而言,看着可能会有点难懂,没关系,我们用个例子简单地演示一下。
我们新建一个 HTML 文件输入下面这样的内容:
<q>大家好,我是咸鱼</q>,<q>我是 NightTeam 的一员</q>
并在这个 HTML 中引用下面这个样式文件:
q::before {
content: "«";
color: blue;
}
q::after {
content: "»";
color: red;
}
最后在浏览器中展示的内容是这样的: