/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 vote353 views1 answer
Unknown function 'mat-palette'
CSS
0 vote341 views1 answer
Vuetify input change outline color
CSS
3 votes365 views2 answers
Css table row border radius
CSS
0 vote357 views1 answer
Box-shadow um ganzen div
CSS
3 votes446 views1 answer
Convert angular project from css to scss
CSS
0 vote344 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS
1 vote360 views1 answer
Css selector no attribute
CSS
1 vote347 views1 answer
Css animate border bottom on hover
CSS
0 vote329 views1 answer
Remove underline in a a
CSS
1 vote327 views1 answer
H2 custom font family html css
CSS