::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;
}
转载请注明:林雍岷 » CSS伪元素:::before的用法