/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 vote366 views1 answer
How to set the scroll in bootstrap4 table body
CSS Bootstrap
0 vote275 views1 answer
Background single line property css
CSS
1 vote300 views1 answer
Html list over three columns
CSS
6 votes287 views1 answer
How to make text wrap on overfloe with css
CSS
22 votes294 views2 answers
Disable user select css
CSS
0 vote286 views1 answer
Svg image shadow css
CSS
2 votes258 views4 answers
Animation timing function css
CSS
0 vote292 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
0 vote264 views1 answer
Not allow select text css
CSS
3 votes294 views2 answers
Form css
CSS