我在HTML和＆＃34;继承CSS＆＃34;中输入了样式。不会改变

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你的规则，正确的方法是将那个极度过于合格的第一条规则重写为非常不具体的东西。