[分享]css中a before和 before

CSS中的a::before和::before是两个常用的伪元素，它们都可以用来在文本或其他元素的前面添加内容，但是它们之间还是有一些区别的。首先，a::before是应用于链接元素的伪元素，它可以用...

CSS中的a::before和::before是两个常用的伪元素，它们都可以用来在文本或其他元素的前面添加内容，但是它们之间还是有一些区别的。

首先，a::before是应用于链接元素的伪元素，它可以用来为链接添加一些内容或者修饰，比如添加箭头、图标等等。

a::before{
    content: "";
    display: inline-block;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    background: url(arrow.png) no-repeat center center;
} 

在上面的代码中，我们给链接元素添加了一个箭头图片，并且通过样式设置了其大小、位置等属性。

而::before则是应用于所有元素的伪元素，它可以用来在元素的前面添加一些内容或者修饰。

div::before{
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    background: red;
} 

在上面的代码中，我们给一个div元素添加了一个红色的块，在其前面进行展示。

总之，a::before和::before都是非常有用的伪元素，可以为文本或其他元素添加一些装饰或内容，帮助我们实现一些炫酷的效果。