I am building a project for freecodecamp’s CSS certification. Its the second project, a survey form. Where in the sample form that the website shows you, I encountered something new to me. (Kindly check the image attached)
I understand the before and after psuedo classes and their functions. However what I don’t understand is;
1 - The use of ::before with ( * ) this star symbol.
2- The use of ::before with the body.
3- The use of border-boxing with ( , *::before and ::after )
I know its not necessary for me to use all this to pass my project. But when I encounter something new, I just cannot move on without understanding it. So I seek the help of you expert programmers. Thank you so much.