JSFiddle - React, Tailwind, and code Playground

by cssGuy

HTML

Lorem ipsum dolor sit amet.

CSS

/* CSS PSEUDO-ELEMENTS MODULE LEVEL 4*/
/* PSEUDO ELEMENTS REPRESENT ABSTRACT ELEMENTS */
/* CSS PSEUDO-ELEMENTS ARE ::first-letter, ::first-line, ::before, ::after, ::selection */




/* GENERATED CONTENT PSEUDO-ELEMENTS ::before, ::after */
body::before {
    content: "I am virtal before content";
}
body::after {
    content: "I am virtual after content";
}

/* TYPOGRAPHIC PSEUDO-ELEMENTS ::first-letter, ::first-line */
body::first-line {
    color: red;
    background-color: gold;
}
body::first-letter {
    font-size: 60px;
}

/* HIGHLIGHT RANGE PSEUDO-ELEMENT ::selection */
::selection {
    background-color: blue;
}