“css pseudo elements” Code Answer

pseudo elements css

css by Wide-eyed Weevil on Jun 05 2020 Donate

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{/*styles*/}

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.

css pseudo elements

css by Lorenzo on Jan 05 2021 Donate

h2::first-letter {}
p::first-line {}
p::selection {background-color: red;}
::after / ::before

pseudo class css

css by amazingcoder444Rblx on Oct 05 2020 Donate

.element:nth-child(1)
.element:hover
.element:visited

after in css

css by Average Addax on Dec 03 2020 Donate

span[data-descr] {
  position: relative;
  text-decoration: underline;
  color: #00F;
  cursor: help;
}

span[data-descr]:hover::after,
span[data-descr]:focus::after {
  content: attr(data-descr);
  position: absolute;
  left: 0;
  top: 24px;
  min-width: 200px;
  border: 1px #aaaaaa solid;
  border-radius: 10px;
  background-color: #ffffcc;
  padding: 12px;
  color: #000000;
  font-size: 14px;
  z-index: 1;
}

Source: developer.mozilla.org