You cannot make up for it ~ Several pseudo elements in CSS

For a good editor VS, It is very powerful for the automatic prompt function of programming statements. Sometimes, we do not need to look at the relevant APIs at all, directly looking at the prompts provided by VS, we can learn a new technology.

Today, we are talking about several pseudo elements in CSS. They are not used in project development, but they are really useful. They are not used in projects because they are hard to be understood, the following is a work scenario. For example, there are four buttons: create, edit, delete, and modify. We require that the Chinese characters displayed on the foreground be unified. If you want to change them, all of them need to be changed. For example, if we want to change the build to "new", all the builds should be changed to new ones, but the amount of code is not small. Of course, if you write <a> Create </a> in this way, it is quite troublesome. What if you use pseudo elements? See the following code: <a class = "create"> </a>, and "create" is displayed on the page, which is implemented by pseudo elements.

Add specified content before and after an element

{:;}{:;}{:;}{:;}

HTML call code

Page display

2. Add the specified style to the first element of the Element Set

{:;:;:;}

HTML call code

Page display