• Per annullare l'impostazione del valore di un elemento, viene utilizzata la parola chiave unset.
• La parola chiave CSS unset ripristina una proprietà di un elemento al suo valore ereditato se la proprietà eredita naturalmente dal suo genitore, o al suo valore iniziale se non eredita.
• In altre parole, si comporta come la parola chiave inherit nel primo caso, se la proprietà viene ereditata e come la parola chiave initial nel secondo caso, se la proprietà non viene ereditata.

Sintassi:

property_name: unset;

https://www.geeksforgeeks.org/css-value-unset/

https://developer.mozilla.org/en-US/docs/Web/CSS/unset

---

    .foo {color: blue;}
    .bar {color: green;}
    p {color: red;}
    .bar p {color: unset;}

    <p>This text is red.</p>
    <div class="foo">
    <p>This text is also red.</p>
    </div>
    <div class="bar">
    <p>This text is green (default inherited value).</p>
    </div>

unset: result

This text is red.

---

• La parola chiave CSS initial applica il valore iniziale (o predefinito) di una proprietà a un elemento. Può essere applicato a qualsiasi proprietà CSS, inclusa la proprietà abbreviata CSS all. Con all impostato su initial, tutte le proprietà CSS possono essere ripristinate ai rispettivi valori iniziali in una volta sola invece di ripristinarle separatamente.
• Sulle proprietà ereditate, il valore initial potrebbe essere imprevisto. Dovresti prendere in considerazione l'utilizzo delle parole chiave inherit, unset, revert o revert-layer.

p { color: red;}
em {  color: initial;}

    <p>
        <span>This text is red.</span>
        <em>This text is in the initial color (typically black).</em>
        <span>This is red again.</span>
    </p>

initial: result

This text is red. This text is in the initial color (typically black). This is red again.