Css after

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

Scss ::after

p {
    margin: 2em auto;

    > a {
        color: red;
    }

    &:before {
        content: "";
    }

    &:after {
        content: "* * *";
    }
}

Source: stackoverflow.com

After element is blocking

.select:after {
    position:absolute;
    bottom:.15em;
    top:.15em;
    right:.5rem;
    content:'\2193';
    pointer-events: none;
}

Source: stackoverflow.com

JavaScript after

var parent = document.createElement("div");
var child = document.createElement("p"); 
parent.appendChild(child);

child.after("Text"); 

console.log(parent.outerHTML);
// "<div><p></p>Text</div>"

-1

Source: developer.mozilla.org

Similar codes

-1 vote185 views1 answer
Hwo to use flexbox to make a nav bar
CSS
0 vote166 views1 answer
Display elements side by side css
CSS
11 votes192 views1 answer
Css white-space nowrap
CSS
0 vote153 views1 answer
Css - use universal '*' selector vs. html or body selector?
CSS
0 vote193 views1 answer
Css set transition duration for a property
CSS
2 votes198 views2 answers
Program to draw circle in C++
CSS
0 vote175 views1 answer
My customized css export chrome dev
CSS
43 votes176 views5 answers
Css text overflow
CSS
37 votes181 views4 answers
Select even child css
CSS
0 vote179 views1 answer
Selectors combinators css
CSS