/CSS/How to use before pseudo class in css

How to use before pseudo class in css

Style pseudo element, style before, style after

<style>
div {
  width: 100px;
  height: 100px;
  position: relative;
  border: 1px solid black;
}

div:after {
  background-color: var(--my-color-var);
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
</style>
<div style="--my-color-var: orange;"></div>

Source: stackoverflow.com

How to use before pseudo class in css

a::before {
  content: "whatever content you want to display";
  /*css declaration*/
}

-1

Similar codes

1 vote186 views2 answers
Dropdown on hover
CSS
0 vote177 views1 answer
Change "no file chosen" pseudo css contact form 7
CSS
1 vote182 views1 answer
Place-items css property
CSS
7 votes198 views3 answers
Pm2 remove process from list
CSS
0 vote183 views1 answer
Text-align:center apply to parent div or child div
CSS
-1 vote179 views1 answer
Dotted underline css
CSS
38 votes183 views3 answers
Use CSS to set the background color of the document (body) to yellow.
CSS
64 votes241 views4 answers
Bootstrap buttons
CSS Bootstrap
1 vote198 views1 answer
Remove boldness css
CSS
8 votes180 views2 answers
Center div vertically tailwind
CSS