css - 如何将内部div中的Bootstrap样式恢复为从body继承的样式？

Question

inherited from body 具有从 body 和 div 继承的默认 Bootstrap 样式。

如何使内部类具有与 inherited from body 完全相同的样式，而无需对 Bootstrap 使用的值进行硬编码:

<div>inherited from body</div>
<div style="font-size:30px;">
  custom
  <div class="inner">BAD! I want this to have the same style as "inherited from body"</div>
  <div class="inner" style="font-size:16px;">BAD! Same style as "inherited from body", but I don't want to hardcode the value.</div>
</div>

fiddle .

如果需要，我可以使用 SASS，例如通过包含所有默认样式的 mixin。

Answer 1

1. 您只需要将更改的内容设置为 initial在类 inner 的 CSS 中:

   .inner {
       color: initial;
   }
   

   fiddle :http://jsfiddle.net/JUMQe/

2. 您也可以应用相同的 id到两个<div>小号:

   HTML:

   <div id="same">default</div>
   <div style="color:green; background-color:green;">
       green
       <div class="inner" id="same">inner default</div>
   </div>
   

   CSS:

   #same {
       color: #F00;
   }
   

   fiddle :http://jsfiddle.net/JUMQe/1/