Che cosa significa inherit in CSS?

Question

Io uso spesso background: inherit;. In questo modo, molte altre proprietà CSS accettano come valore.

Ma cosa significa "inherit"? Come funziona?

Answer 1

inherit significa semplicemente che lo stile verrà ereditato dal genitore dell'elemento. Per esempio:

jsFiddle

HTML

<div class="blue"> 
    <div class="inherit">I also have a blue background!</div> 
</div> 

CSS

.blue { background: blue; } 
.inherit { background: inherit; } 

Utilizzando inherit su background normalmente non fare molto bene comunque, e normalmente producono lo stesso come predefinito di uno sfondo trasparente. L'esempio sopra non aggiunge nulla, mette uno sfondo blu su uno sfondo blu, lo scopo principale di inherit è l'uso in determinati valori predefiniti come con color e font-size.

Answer 2

fa quello eredità fa in generale .. che è ereditare la proprietà dell'elemento genitore

dire che abbiamo seguente codice HTML

<div> 
    <h1>text<h1> 
</div> 

e abbiamo css come

div 
    { 
    padding : "10px" 
} 
h1 
{ 
    padding : inherit //10px 
} 

since h1 is child of div so will use the value of padding property for div 

vedi anche questo thread What does the inherit keyword in CSS do?