La palabra clave CSS revert 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.
Sintaxis:
property: revert;
El siguiente ejemplo ilustra la palabra clave revertir en CSS:
Ejemplo:
<!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>
Producción:
Navegadores compatibles: los navegadores compatibles con la palabra clave CSS revert se enumeran a continuación:
- Mozilla Firefox
- Internet Explorer/Microsoft Edge
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA