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

15 votes352 views2 answers
Border-box css
CSS
0 vote377 views2 answers
Icon inside a circle css
CSS
-1 vote416 views2 answers
Navigation bar css
CSS
1 vote388 views1 answer
How to make slideshow not go over navigation bar
CSS
60 votes399 views3 answers
Media query for mobile view css
CSS
1 vote362 views1 answer
The user specified as a definer does not exist
CSS
1 vote371 views2 answers
Styles only for IE
CSS
0 vote391 views1 answer
Media screen tablet
CSS
5 votes355 views1 answer
Cursor as image css
CSS
0 vote310 views1 answer
Css flex fixed width
CSS