Qual è esattamente la differenza tra inherit e initial in termini di CSS? Per me hanno sempre lavorato lo stesso, ad esempio:Qual è la differenza tra ereditari e iniziali CSS?
a.no-style{color: inherit}
farà lo stesso
a.no-style{color: initial}
Il valore iniziale indicato nel riepilogo della definizione di ciascuna proprietà CSS ha un significato diverso per le proprietà ereditate e non ereditate.
Per le proprietà ereditate, il valore iniziale viene utilizzato, solo per l'elemento radice, quando non è specificato alcun valore per l'elemento.
Per le proprietà non ereditate viene utilizzato il valore iniziale, per qualsiasi elemento, quando non viene specificato alcun valore per l'elemento.
Una parola chiave iniziale viene aggiunta in CSS3 per consentire agli autori di specificare esplicitamente questo valore iniziale.
La parola chiave eredita indica l'utilizzo di qualsiasi valore assegnato a mio padre.
Penso che se hai deciso di copiare e incollare la risposta, almeno devi menzionare la fonte o l'autore. https://developer.mozilla.org/en-US/docs/Web/CSS/initial_value In ogni caso, buona risposta. – Heisenberg
Penso che il 90% delle persone venga qui perché ritengono che i documenti tecnici siano troppo prolissi –
ereditare
Questa parola chiave si applica il valore del genitore dell'elemento,
se questo ha un senso o no. Alcune proprietà CSS, come il colore o la famiglia di font , vengono automaticamente ereditate, mentre altre, come la visualizzazione o margine, non lo sono. La parola chiave inherit dovrebbe funzionare su tutte le proprietà CSS , tuttavia.
iniziale
Questa parola chiave si applica il valore iniziale come definito nel CSS specifiche. A volte questo valore iniziale ha senso (float: none), a volte è lì per motivi storici (background-repeat: repeat), e talvolta gli autori delle specifiche hanno fatto una scelta essenzialmente casuale, anche se in qualche modo difendibile (colore: nero) .
Altro da Quirksmode sito
ereditarietà è sempre dall'elemento genitore nell'albero del documento, anche quando l'elemento padre non è il blocco contenitore. Il tag iniziale dà all'elemento solo il suo valore originale.
color : initial non è supportato da Internet Explorer.
Questo può aiutare: http://dev.w3.org/csswg/css-cascade/#initial-values –
Controllare questo: http://www.w3schools.com/cssref/tryit.asp?filename= trycss_initial Cosa succede se cambi '' h1 {color: initial;} 'a' h1 {color: inherit;} '? – MattAllegro
Ovviamente sarà rosso! –