.child {
  color: inherit; /* Use parent's color */
  font-size: inherit;
  background-color: inherit;
}

/* Reset to parent value */
.special {
  color: inherit;
  text-decoration: inherit;
}

/* Override user agent styles */
button {
  font-family: inherit;
  font-size: inherit;
}

/* Consistent styling */
.container * {
  box-sizing: inherit;
}

:root {
  --primary-color: #007bff;
}

.element {
  color: var(--primary-color);
}

.nested {
  color: inherit; /* Inherits from parent */
}

.element {
  property: inherit;   /* Use parent value */
  property: initial;   /* Use initial/default value */
  property: unset;     /* Inherit if inheritable, else initial */
  property: revert;    /* Use browser default */
}