απλή επεξήγηση για css value

[Εγω ειμαι ρε]

Καλησπέρα θα ήθελα μια καλή επεξήγηση για το value inherit στο CSS, δηλαδή εάν ένα property έχει ως value inherit τι ακριβώς κάνει;
Επειδή διαβάζω από αγγλικό βιβλίο δυσκολεύτηκα να το καταλάβω, έψαξα στο διαδίκτυο αλλα και πάλι δεν κατάλαβα κάλα.

[Hambos19]

Παίρνει την τιμή του parent του. 

 

πχ έχεις αυτό

p { 
color: #fff;
  }

p span {
color: inherit;
       }

Το span που θα είναι μέσα σε p στο HTML θα πάρει την τιμή #fff

[angmar]

Αυτό που λέει ο Hambos19. 

 

Να επεκτείνω λίγο για να ολοκληρώσουμε την ιδέα. 

 

Εδώ έρχεσαι εσύ και λες, κάτσε ρε μπάρμπα, τι διαβάζω τόσο καιρό για το cascade; Αν η p έχει χρώμα άσπρο, τα children το κληρονομούν χωρίς να γράφω εγώ inherit. Σωστό. Αν όμως είχες κάπου στα styles σου 

span {
color: #dead69;
}

Το span child της p δε θα κληρονομούσε το χρώμα της p, αλλά θα είχε #dead69 χρώμα, οπότε εδώ εσύ μπορείς να πεις 

p span {
color: inherit;
}

έτσι ώστε να κάνεις τα spans που είναι μέσα σε παραγράφους να έχουν άσπρο χρώμα και όχι #dead69

 

Makes sense?

[Εγω ειμαι ρε]

γκουδ τζομπ     

[alou]

Ε άντε ας το συμπληρώσω και εγώ λίγο, υπάρχουν ιδιότητες όπως το color, background, font-*  που κληρονομούνται αυτόματα και άλλες που δεν κληρονομούνται, όπως border, width, height, padding ... που δεν κληρονομούνται, αλλά με γονική παροχή (inherit ντε) περνάνε στα child elements.