通过子div中的css类修改父div的样式

Question

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

有关光滑单元类

的更多信息，请参见下图

问题：slick-cell类正在向单元格添加padding。我怎么能通过red-bg类来强制在slick-cell类中覆盖样式。我想覆盖padding类。

Answer 1

padding-top : 3px !important

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

重要覆盖其他css

Answer 2

简单地说，你不能。 CSS级联从父级到子级。你不能仅仅以相反的方式从孩子那里瞄准父母，也不能将兄弟姐妹瞄准兄弟姐妹。

通过在red-bg上设置减去边距，黑客将在red-bg上否定父级的填充。如果slick-cell有padding-top: 10px，理论上可以做到：

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

如果slick-cell遍布

，这会变得稍微复杂一些