Answers for "after css"

after element is blocking

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

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;
}

:before css

h2:before { 
    content: "Read: ";
<span class="Apple-converted-space">    color: #F00;</span>
}

::after

a::after {
  content: "whatever content you want to display";
  /*css declaration*/
}

::after en css

The ::after selector inserts something after the content of each 
selected element(s) (ie: after <p> tag or .addEndingText class).*/

/* Example: 
Insert some text after the content of each <p> element:*/
p::after { 
  content: " - Remember this";
}

/*NOTE: IE8 and Opera 4-6 only support the old, single-colon CSS syntax 
(:after). Newer versions support the standard, double-colon syntax 
(::after).*/
Source:www.w3schools.com
8
after cssCSS By Creepy Gábor on Jan 4 2021 Comment
p:after{ 
    content: " -Read more… ";
    color:black;