📜  CSS中revert和unset关键字的区别

📅  最后修改于: 2021-09-01 03:44:57             🧑  作者: Mango

它们都是 CSS 中的关键字。它们在 Web 开发中的行为相似,但在某些元素的某些属性上有所不同。

Revert: revert 关键字是 CSS 中的一个内置关键字,用于将级联样式恢复为其父元素。如果任何相似的元素拥有相同的级联样式,但一个子元素拥有 revert 关键字,那么级联样式将被删除并继承父元素的级联。

Unset: unset 关键字是 CSS 中的一个内置关键字,用于将级联样式取消设置为其父元素。它的行为类似于第一种情况下的 inherit 关键字,以及第二种情况下的 initial 关键字。

下面的例子说明了 revert 和 unset 关键字之间的区别:

注意:编码差异仅在 Mozilla Firefox 和 Apple Safari 中可见。

例子:



    
        CSS revert keyword
        
    
    
            
        
        
                               

GeeksforGeeks

            

A Computer Science Portal for Geeks

                             I'm assign in unset                          
                             I'm assign in revert                      
    

输出:

CSS中revert和unset关键字的区别:

Revert Unset
This keyword will revert the cascading back to the parents cascading. This keyword will unset the cascading style.
This keyword will revert the cascading back if the element contains h3 and any other cascading style globally it will follow that. This keyword will unset the cascading style, if the element contains h3 and any other cascading style globally it will follow only h3 effect.