Working through this lesson, I noticed there are 2 places in the stylesheet that edit the properties of images: once in the
/* Universal Styles */ Section and again in the
/* Blog Images */ Section (I’m using the term sections as the portions of CSS delineated by the comments).
Since the aforementioned code edits the same classes, is it simply “poorly written” (in this particular instance) to have it split up between two “sections” of the stylesheet, or is there some type of hierarchy/parent-child relationship thing that makes this more important than I can tell?
Context for My Brain
I understand why this splitting-the-code-up-across-multiple-sections could make sense in a real-world setting, but for the purposes of this practice course, it is confusing. The CSS implies that they are editing the same classes (
.image, .image-container) but in two different places, and I’m not familiar enough with parent-child relationships within CSS to know if that’s even a line of thinking worth pursuing.