CSS Revert Nedir?

Aslında CSS özelliğini default a çevirmek olarak kısaca özetleyebiliriz. Genel olarak yazdığımız class ve buna bağlı stillere bağlı olarak bu tip problemle eminim ki karşılaşmışsınızdır. Bazen yazdığımız kuralın default halinde olmasını isteriz. İşte tam bu noktada CSS revert devreye giriyor. Örnekle daha güzel açıklayabilirim.

HTML:

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p class="default">Fusce sit amet luctus mi.</p>

SCSS:

p {
  background-color: #F00;
  color: #000;
  
  &.default {
    background-color: revert;
  }
}

See the Pen CSS Revert by Ibrahim Nergiz (@phyesix) on CodePen.

https://cpwebassets.codepen.io/assets/embed/ei.js

Tabi tüm bunların yanında all: unset i de kullanabiliriz :)