css - 我在 HTML 中输入样式， "Inherited CSS"没有改变

Question

语言:angular4/typescript/css

Chrome 浏览器，已检查 DevelopeMode 样式。

我绝对编码样式。

但不知道为什么没有变化。

<style>  
.k-grid, td{
   white-space: nowrap;
   text-overflow: ellipsis;
}

.k-grid-content, .k-grid-content-locked, .k-pager-wrap {
  white-space: nowrap;
}
</style>

inherit css 是否必须以任何其他方式使用？

Answer 1

如果我正确理解了你的问题，而你正在尝试将空白重置为正常，那么你似乎遇到了特异性问题，如 div.k-grid-content .k-virtual(...) 比简单的 .k-grid-content 更具体，因此第一个规则将始终被应用。

您需要克服该规则的特殊性才能覆盖它。漫长的方法是使用更长的链，懒惰的方法是 !important 你的规则，正确的方法是将那个非常过分的第一条规则重写为不太具体的东西。