通過子div中的css類修改父div的樣式

我正在使用slick grid。它在網格中的每個單元格上應用slick-cell類。在其中一個單元格中，我添加了另一個div和一個名稱爲red-bg的類。有關更多信息，請參閱下圖。通過子div中的css類修改父div的樣式

enter image description here

見下面圖像的詳細信息在光滑細胞類 enter image description here

問題：slick-cell類是添加padding至細胞。我怎麼能通過red-bg類，強制在滑動單元格類中重寫樣式。我想覆蓋padding類。

2014-10-16 SharpCoder

填充：0像素爲紅色類將覆蓋

重要覆蓋其他CSS

2014-10-16 14:06:01

我想從細胞去除空白和邊距。如何使用'padding-top：3px！important'會有幫助？ – SharpCoder 2014-10-16 14:09:20

red-bg padding：0px; } – 2014-10-16 14:11:36

簡而言之，你不能。 CSS從父級到子級級聯。你不能只以相反的方式將孩子的父母作爲目標，或者將其與兄弟姐妹相提並論。

黑客將通過在red-bg上加上負邊距來否定父項的填充red-bg。如果slick-cell有padding-top: 10px理論上你可以這樣做：

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

這變得稍微複雜一些，如果slick-cell具有填充各地

2014-10-16 14:09:37

回答