通过子div中的css类修改父div的样式[重复]答案

【问题标题】：Modifying style of parent div through css class in child div [duplicate]通过子div中的css类修改父div的样式[重复]
【发布时间】：2014-10-16 14:04:18
【问题描述】：

我正在使用slick grid。这适用于网格中的每个单元格上的 slick-cell 类。在其中一个单元格上，我添加了另一个 div 和一个名为 red-bg 的类。有关详细信息，请参见下图。

有关 slick-cell 类的更多信息，请参见下图

问题：slick-cell 类正在将padding 添加到单元格中。我如何通过red-bg 类强制覆盖 slick-cell 类中的样式。我想改写padding 类。

【问题讨论】：

标签： css sass compass-sass slickgrid

【解决方案1】：

padding-top : 3px !important

填充：红色类中的 0px 将覆盖

重要的覆盖其他css

【讨论】：

我想从单元格中删除填充和边距。使用padding-top : 3px !important 会有什么帮助？
red-bg{ padding:0px; }

【解决方案2】：

简单地说，你不能。 CSS 级联从父级到子级。您不能仅以相反的方式将父级与子级定位或将兄弟级定位到兄弟级。

一个技巧是通过在red-bg 上放置一个负边距来否定父级在red-bg 上的填充。如果slick-cell 有padding-top: 10px 你理论上可以这样做：

.red-bg {
    margin-top: -10px;
}

如果slick-cell 周围有填充，这会变得稍微复杂一些

【讨论】：