:befer/:after伪元素的使用

原文链接:befer/:after伪元素的使用

在css中有这样的一个伪元素,:befour/和:after
在今天开发的时候,遇到在文本框前加一个*,表示必填项却发现不知道怎么写。
后来研究发现css的属性做以验证记录。
如图:
:befer/:after伪元素的使用_第1张图片

做input输入框 ,设置class属性

:befer/:after伪元素的使用_第2张图片

.margin{}是对input输入框整体的属性设置

.margin:befour{}是对input输入框前端做属性设置

.margin:after{}是对input输入框后端属性的设置

通过:after/:befour便可对输入框的属性进行设置

注:通常配合content属性使用:lg"*"

如图:

:befer/:after伪元素的使用_第3张图片

效果如果,content什么都可加。

面向开发需求,记录学习之路。

你可能感兴趣的:(WEB前端)