color:inherit

by ginpei

HTML

<p><a href="#">Lorem ipsum</a> dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<div class="parent">
    <p><a href="#">Lorem ipsum</a> dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    <p><a class="disabled" href="#">Lorem ipsum</a> dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>

CSS

body {
    color:red;
}
.parent p {
    margin: 1em;
}
a {
    color:green;
}
.parent {
    color:blue;
}
a.disabled {
    color:inherit;  /* <-- Here! --- */
    pointer-events: none;
    text-decoration:none;
}