哪个规则在这里应用？

Question

我有以下内容：

我的css如下：

ion-item.comment-format {
  white-space : normal!important;
}

和html是：

 <ion-list>
        <ion-item ng-repeat="comment in vm.comments" class="comment-format">

从上面的图片中，我期望应用评论格式规则但是只有当我用nowrap切换空格时（它有一条线穿过它）才适用。我期待我的第一条规则适用。显然，我对规则的理解是不正确的。

Answer 1

css属性white-space:nowrap未在您的网页中应用，因为它已被其他css white-space:normal !important覆盖。

如果有两个相同的css具有不同的声明，则有一个元素，一个用!important声明，那么无论哪个css是第一个，用!important声明的css都将起作用。