#pseudo-class-example {
    article p:first-child {
        font-size: 120%;
        font-weight: bold;
    }
}

#user-action {

    a:link,
    a:visited {
        color: rebeccapurple;
        font-weight: bold;
    }

    a:hover {
        color: hotpink;
    }
}

#pseudo-element-example {
    article p::first-line {
        font-size: 120%;
        font-weight: bold;
    }
}

#before {
    .box::before {
        content: "This should show before the other content. ";
    }
}

#after {
    .box::after {
        content: " ➥";
    }
}

#empty-string {
    .box::before {
        content: "";
        display: block;
        width: 100px;
        height: 100px;
        background-color: rebeccapurple;
        border: 1px solid black;
    }
}