CSS inherit Keyword

The inherit keyword specifies that a property should inherit its value from its parent element.

The inherit keyword can be used for any CSS property, and on any HTML element.

<style>

span {

color: blue;

border: 1px solid black;

}

.extra span {

color: inherit;

}

</style>

</head>

<body>

<div>

Here is <span>a span element</span> which is blue, as span elements are set to be.

</div>

Here is <span>a span element</span> which is green, because it inherits from its parent.

</div>

Here is <span>a span element</span> which is blue, as span elements are set to be.

</div>

</body>

Here is a span element which is blue, as span elements are set to be.

Here is a span element which is green, because it inherits from its parent.

Here is a span element which is blue, as span elements are set to be.

details: har span ka color blue ho ga

lakan inherit use krny sy hm ny ya set kr dya k is span ka color woe ho jo parent (div) ka color ha.

sajidwaseem Al-Arfeen