#container {
    color: red;
}
p {
    text-align: center;
    font-size: 50px;
    color:green;
}
/*INHERIT*/
/* Sets value to inherit from container*/
.inherit {
    color: inherit;
}
/*INITIAL*/
/* Sets the value back to default browser style*/
.inherit {
    color: initial;
}
/*UNSET*/
/* If the element is naturally inherited acts like inherit, otherwise acts like initial */
.unset {
    color:unset;
}

/*REVERT*/
/* If user has defined style, revert back to it otherwise use default browser styles */
.revert {
    color: revert;
}