CSS优先级和！important

Question

我有一个Web应用程序 - 在其自动呈现的默认CSS中 - 包括以下样式：

body * { line-height: 1.22em; }

到目前为止这很好，但是对于特定的表我想覆盖这个line-height。不幸的是，这个表也是自动渲染的，因此我对它的渲染方式没有影响。不过，我在这张桌子上有一个class。

所以，我正在做的是在我的自定义CSS中添加一行说：

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

不幸的是，这被忽略了。

有谁知道为什么？

并且，作为第二个问题：什么是告诉浏览器对line-height类和所有辅助元素的每个元素使用1em tableclassname的正确方法？

Answer 1

  

不幸的是，这被忽略了。有谁知道为什么？

在没有看到标记的情况下，很难确定，但很可能是班级在桌面上。

!important仅适用于级联，而不适用于继承。

表格单元格也匹配body *，因此它们没有line-height: inherit并从样式表中获取值而不是其父级。

  

表示具有类tableclassname和所有辅助元素的每个元素

使用后代组合器，就像body *正在使用。

.tableclassname, 
.tableclassname * {