Skip to content
Related Articles

Related Articles

Improve Article

CSS | revert keyword

  • Last Updated : 30 Dec, 2020

The CSS revert keyword is an inbuilt keyword in CSS which has been used to revert the cascading style to its parent element. If any similar elements hold the same cascading style, but one child holds the revert keyword then the cascading style will be removed and will inherit the cascading from the parent element.

Syntax:

property: revert;

Below example illustrates the revert keyword in CSS:
Example:




<!DOCTYPE html>
<html>
    <head>
        <title>CSS revert keyword</title>
        <style>
            /* Color for all the child in parent element */
            div {
                color: green;
            }
              
            /* Specific b and p element color */
            b, p {
                color: black;
            }
              
            /* Performing revert for child /*
            .rvt {
                color: revert;
            }
        </style>
    </head>
    <body>
           
        <!-- Parent elements -->
        <div class="container">
    
            <!-- Child elements -->
            <h1>GeeksforGeeks</h1>
            <b>A Computer Science Portal for Geeks</b>
            <p>I'm not assign in revert</p>
            <p class="rvt">I'm assign in revert</p>
        </div>
    </body>
</html>

Output:

Supported Browsers: The browsers supported by CSS revert keyword are listed below:

  • Mozilla Firefox
  • Internet Explorer/ Microsoft Edge



My Personal Notes arrow_drop_up