关于div继承的说明

Question

我想阐明继承背后的逻辑。

<div class="classics">
   <h2>Mega</h2>
     <div class="tild">
        <div class="color">
             <div class="medium">
                 <h1>Hello</h1>
             </div>
         </div>
     </div>
 </div>

如果我给.classics赋予样式display:inline-block，该样式也将应用于h2元素吗？

字体颜色怎么样？

如果我给.tild提供样式display:flex，这是否意味着.color也将继承该值？