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 vote381 views2 answers
Bootstrap 4 scss angular 8
CSS
2 votes364 views1 answer
Css percent minus pixel
CSS
29 votes372 views2 answers
@font-face rule in css
CSS
0 vote376 views1 answer
How to make scroller show only on hover of container
CSS
0 vote373 views1 answer
Apt list only security updates
CSS
0 vote310 views0 answer
CSS
10 votes342 views6 answers
Css hover change another element
CSS
13 votes341 views3 answers
Repeat css
CSS
0 vote364 views1 answer
Css animate border
CSS
5 votes374 views4 answers
Css flex gap between items
CSS