css add pseudo element code example
Example 1: after element is blocking
.select:after {
position:absolute;
bottom:.15em;
top:.15em;
right:.5rem;
content:'\2193';
pointer-events: none;
}
Example 2: pseudo elements css
psuedo element(An intuitive answer):
keywords added to selectors (which are followed by
colon ':' or double colon '::') which allow to target
specific element (or specific part of element).
example:
you can style the first letter of a paragraph as-> p:first-letter{}
STRONG NOTE: Keep in mind that ::first-line pseudo-element must be applied
to block level (elements which break line on use)
elements in order to take effect.