忽略 css 规则值

Question

Suppose I have a css file with the following content:

p {
    color: red;
    border: 1px solid red;
}

div p {
    color: $paragraphColor;
    border: $paragraphBorder;   
}

I can inject a value into the file with replace that will override the default rule (red color or red border). Is there a value I can enter in place of $paragraphColor and $paragraphBorder that will make this rule ignored and the paragraph will be red or have a red border? Of course, I can set a wrong rule, eg color: ggggggggggg; but I don't want to enter the wrong rule.

EDIT: I figured that the parameter could be property + value, for example:

div p {
    /* paragraph.color */
    /* paragraph.border */ 
}

then css file is correct and I get default values if non of them is replaced

Answer 1

you can use this:

color: unset !important;

Answer 2

I'm not sure, i understood your question. But i found this:

div p -> div.p

and you can set a style= to you HTML element, like:

<div style=width:100px;height:100px;background-color:red;></div>

If you wanted to ask something else, and my question doesn't help me, then please write me a commentar.