How to use after and before pseudo class

HTML-CSS Conversations
#1

how to use after and before pseudo class

1 Like
#2

@supriyapaul888 ,

It is a good question, Look at the example given below

p::before {
    content: "=> ";
}
//It will insert => at the beginning of each paragraph, for example: 

=>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam efficitur nisi risus, at mollis ipsum vulputate id. Curabitur in nibh diam. 
=>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam efficitur nisi risus, at mollis ipsum vulputate id. Curabitur in nibh diam. 


p::after {
    content: "!";
    content: url();//It will insert ! or any url at the end of each paragraph, for example: 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam efficitur nisi risus, at mollis ipsum vulputate id. Curabitur in nibh diam. ! or (url mentioned)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam efficitur nisi risus, at mollis ipsum vulputate id. Curabitur in nibh diam. ! (url mentioned)