html - CSS 优先级和 !important

Question

我有一个 Web 应用程序，它在其自动呈现的默认 CSS 中包含以下样式:

body * { line-height: 1.22em; }

目前为止一切正常，但对于特定表格，我想覆盖此 line-height。不幸的是，这张表也是自动呈现的，因此我无法影响它的呈现方式。不过，我在这张 table 上有一个类。

所以，我正在做的是在我的自定义 CSS 中添加一行内容:

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

不幸的是，这被忽略了。

有人知道为什么吗？

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

Answer 1

Unfortunately, this is ignored. Does anyone have an idea why?

在没有看到标记的情况下，很难确定，但很可能这个类已经摆在桌面上了。

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

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

for every element with class tableclassname and all subsidiary elements

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

.tableclassname, 
.tableclassname * {