最新消息:周一至周五21:30分QQ群(161510483)直播,零基础免费学谷歌SEO,WEB前端,PHP入门教程

CSS伪元素:::before的用法

CSS学习系列 林雍岷 182浏览

::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的用法