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

7 votes133 views3 answers
Border-width in percentage
CSS
72 votes139 views6 answers
How to center text in a div
CSS
0 vote162 views1 answer
Css pause animation
CSS
6 votes131 views4 answers
Backdrop filter css
CSS
3 votes138 views2 answers
Width css property
CSS
3 votes143 views1 answer
Set svg background color css
CSS
0 vote135 views1 answer
Color custom css use in laravel
CSS
0 vote135 views1 answer
Make footer stick to bottom without overlap over other elements
CSS
0 vote142 views1 answer
Html same width as parent
CSS
0 vote144 views2 answers
Css lighten function
CSS