Question

<style type="text/css"> 
   .life-wrapper 
    {
        font-family:lato; 
        font-size:15px;
        font-weight:bold; 
    }

</style>
<div class="life-wrapper">
<div>
  First Inner
   <div id="second">
     Second Inner

    <label>Test Second Inner</label>
   </div>
</div>
</div>

在这里，我将孩子div作为＆＃34; second＆＃34;。在这里，我想限制div＆＃34; second＆＃34;以这种方式，它不应该显示为父div设计。在这里，我不想为内部div添加任何新的css类。我只需要限制内部div来使用main div css类。

Answer 1

级联样式表就是这样，级联。所以子元素将继承父母，依此类推。解决这个问题的唯一方法就是让你的＆＃34; First Inner＆＃34; text 不是 #second元素的父级。

就像将其打包到<span>First Inner</span>并在其上设置样式一样简单：.life-wrapper span

<style type="text/css"> 
   .life-wrapper span {
        font-family:lato;
        font-size:15px;
        font-weight:bold;
    }
</style>

<div class="life-wrapper">
  <div>
    <span>First Inner</span>
    <div id="second">
      Second Inner
      <label>Test Second Inner</label>
    </div>
  </div>
</div>

限制内部div使用主div css样式类

1 个答案: