/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

0 vote174 views1 answer
Calc(100vh - px)
CSS
0 vote184 views1 answer
Text decoration css transition
CSS
0 vote212 views2 answers
How to set table data width in css
CSS
31 votes241 views3 answers
How to change the width of a background image in css
CSS
0 vote195 views1 answer
Override Inline Styles with CSS
CSS
0 vote205 views2 answers
Skeumorphism box shadow
CSS
22 votes215 views6 answers
Font family css
CSS
37 votes196 views3 answers
Inline svg css
CSS
55 votes210 views5 answers
Margin shorthand CSS
CSS
0 vote171 views2 answers
Css add circle to icon cart
CSS