SyntaxStudy
Sign Up
Home CSS Reference ::before / ::after

::before / ::after

selector

Pseudo-elements that insert virtual elements before or after an element's content.

Syntax

selector::before { content: ""; }

Example

css
/* Required field asterisk */
label.required::after {
    content: " *";
    color: red;
}

/* Decorative quote */
blockquote::before {
    content: '\201C'; /* " */
    font-size: 4em;
    color: #ccc;
}

/* Clearfix */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}