Css before

Css before is not working

.chart ul:after{
  content: "";
  border:1px solid #f30;
}

Source: stackoverflow.com

Css before

.parent-div {
   position: relative;
   width: 100px;
   height: 100px;
   background: #ffffff;
   border: 1px solid #000000;
}
.div:before {
  content: "";
  width: 20px;
  height: 20px;
  background: blue;
  position: absolute;
  top: 45%;
  left: 45%;
}

Javascript beforeunload

window.addEventListener("beforeunload", function(event) { ... });
window.onbeforeunload = function(event) { ... };

Source: developer.mozilla.org

How use befor after for image

/* for child  */

.custom_img:after {
    content: "";
    background-color: #2359cf;
    height: 400px;
    width: 70%;
    top: -15px;
    right: -6px;
    position: absolute;
    z-index: 999;
}

Similar codes

0 vote284 views1 answer
100vh doesn't fill the page
CSS
5 votes339 views1 answer
Css how does hsl work
CSS
0 vote273 views1 answer
Extend Report jenkins css missing
CSS
10 votes251 views2 answers
Css list elements horizontally
CSS
1 vote289 views1 answer
Why top -10 css?
CSS
0 vote306 views1 answer
Material css navbar
CSS
-1 vote306 views1 answer
Calculadora
CSS
0 vote274 views1 answer
Border-radius cross browser
CSS
1 vote283 views1 answer
Span nowrap
CSS
0 vote348 views1 answer
Navbar bootstrap display items horizontally
CSS Bootstrap