Html 如何避免子div继承父div类

我试图制作一个仪表板来表示一些图表和一些数字。我有一个父div，它有一个类。在这个div里面是图表和数字的div。现在，如果图表的div从父级继承了类，那么考虑到图表的大小就可以了。然而，显示数字的div应该更小，我已经为它应用了另一个类。但是数字的div总是采用parents div样式。这是孩子们不愿上家长课的一种方式。 下面是关于我现在是如何得到它的图片，以及我是如何尝试得到它的

目前：

应该如何：

下面是关于它当前运行情况的代码

或者专门重写继承的属性，或者查看：not（）伪选择器

我认为您的列结构有问题。我可以向你展示你的结构如何-

<div class="col-md-6">
 *charts*
</div>
<div class="col-md-6">
    <div class="row">
        <div class="col-md-6">
            *number*
        </div>
        <div class="col-md-6">
            *number*
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            *number*
        </div>
        <div class="col-md-6">
            *number*
        </div>
    </div>
</div>

*图表*
*数*
*数*
*数*
*数*

如何使用引导类为div执行：not（），请考虑在CSS网格中执行此操作-这是专为这种布局类型设计的本机CSS规范。