Example of Semantic CSS CSSEMENT

cssement.css

header > p {
    /* Styles for all <p> in a <header> */
}

/* Wait, you have to style a <p> differently based on context!? */

section > header > p {
    /* Styles for all <p> in a header, in a section */
    /* Because you never need to style it differently right!? */
}

/* Crap, wait, there is another context where we need to style a <p> in a <header>!? */

div > section > header > p {
    /* Had to just wrap that bitch in a <div> so we could add styles for all <p> in a header, in a section */
}