哪个规则在这里应用?

时间:2016-05-03 18:07:48

标签: html css

我有以下内容:

enter image description here

我的css如下:

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

和html是:

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

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

1 个答案:

答案 0 :(得分:0)

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

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