CSS優先級和重要

Question

我有一個Web應用程序，它 - 它會自動呈現默認CSS - 包括以下樣式：

body * { line-height: 1.22em; } 

到目前爲止，這是好的，但對於一個特定的表我想重寫此line-height。不幸的是，這個表格也是自動呈現的，因此我對它的呈現方式沒有任何影響。儘管如此，我在這張桌子上有一個class。

所以，我在做什麼是添加一行到我的自定義CSS它說：

.tableclassname { line-height: 1em !important; } 

不幸的是，這個被忽略。

有沒有人有一個想法，爲什麼？

而且，作爲第二個問題：什麼是正確的方式告訴瀏覽器對tableclassname和所有輔助元素的每個元素使用line-height的1em？

Answer 1

不幸的是，這被忽略了。有沒有人有一個想法，爲什麼？

沒有看到標記，很難確定，但有可能是類在桌子上。

!important只適用於級聯，而不適用於繼承。

表格單元格也匹配body *，所以它們沒有line-height: inherit並從樣式表中獲取值而不是父類。

使用類tableclassname每個元素和所有附屬元素

使用後代組合子，就像body *使用。

.tableclassname, 
.tableclassname * {