::before的用法:创建一个伪元素其将成为匹配选中的元素的第一个子元素

::before的用法:创建一个伪元素，其将成为匹配选中的元素的第一个子元素。常通过 content 属性来为一个元素添加修饰性的内容。此元素默认为行内元素。CSS3 引入 ::before 是为了将伪类和伪元素区别开来。浏览器也接受由CSS 2 引入的 :before 写法。

::before伪元素代码示例

使用 ::before 伪元素的一个简单示例就是用于加入引号。此处同时使用了 ::before 和￥来插入引用性文本。

1、h1::before{
content:”你好”;
display:inline-block;
width:20px;
height:20px;
border-radius:100px;
background-color:red;
}

2、ul.prices li::before{
content:”￥”；
font-weight:bold;
color:green;
}