Diferencia entre la palabra clave revert y unset en CSS

Ambos son palabras clave en CSS. Ambos actúan de manera similar en el desarrollo web pero difieren en algunas propiedades de algunos elementos.

Revertir: la palabra clave revertir es una palabra clave incorporada en CSS que se ha utilizado para revertir el estilo en cascada a su elemento principal. Si algún elemento similar tiene el mismo estilo en cascada, pero un elemento secundario tiene la palabra clave revertir, el estilo en cascada se eliminará y heredará la cascada del elemento principal.

Unset: la palabra clave unset es una palabra clave incorporada en CSS que se ha utilizado para quitar el estilo en cascada a su elemento principal. Se comporta como la palabra clave de herencia en el primer caso y como la palabra clave inicial en el segundo caso.

El siguiente ejemplo ilustra la diferencia entre las palabras clave revert y unset:

Nota: La diferencia de codificación solo puede verse en Mozilla Firefox y Apple Safari.

Ejemplo:

<!DOCTYPE html>
<html>
    <head>
        <title>CSS revert keyword</title>
        <style>
  
            /* Color for h1 element */
            h1 {
                color: green;
            }
               
            /* Performing revert for child */
            b {
                font-weight: normal;
            }
        </style>
    </head>
    <body>
            
        <!-- Parent elements -->
        <div class="container">
     
            <!-- Child elements -->
            <h1>GeeksforGeeks</h1>
            <p>A Computer Science Portal for Geeks</p>
            <b style="font-weight: unset;">
                I'm assign in unset
            </b>
            <br>
            <b style="font-weight: revert;">
                I'm assign in revert
            </b>
        </div>
    </body>
</html>

Producción:

Diferencias entre la palabra clave revert y unset en CSS:

Revertir Desarmar
Esta palabra clave revertirá la cascada a la cascada principal. Esta palabra clave anulará el estilo en cascada.
Esta palabra clave revertirá la cascada si el elemento contiene h3 y cualquier otro estilo en cascada globalmente lo seguirá. Esta palabra clave anulará el estilo en cascada, si el elemento contiene h3 y cualquier otro estilo en cascada a nivel mundial, seguirá solo el efecto h3.

Publicación traducida automáticamente

Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *