css中伪元素作用 |css3d 旋转

::before {
content: "";
display: block;
background-color: blue;
height: 50px;
width: 50px;
}

在上面的代码中，大家使用了::before伪元素，它不仅可以为元素添加背景色和尺寸，还可以在元素内部的最前面添加一些内容，比如图标或着装饰用的圆点。

::after {
content: "";
display: block;
background-image: url("icon.png");
height: 50px;
width: 50px;
}

另一个常见的伪元素是::after，它可以在元素的内容的最后面添加一些特殊的内容或者装饰品。它也可以为元素添加背景图片，并设置宽高。在实际的开发过程中，大家通常使用这个伪元素来为按钮或者其他元素添加图标。

p:first-letter {
color: red;
font-size: 24px;
}

除了:before和::after之外，CSS还有其他一些伪元素，比如:first-letter，它可以选择元素内容中的第一个字母，并为其添加特殊样式，比如字体大小，颜色等等。

总而言之，伪元素提供了一些非常有用的样式控制功能，可以使得大家的HTML文档更加丰富和复杂，同时提高开发效率。