ここにルールが適用されていますか？

次のように私のCSSは次のとおりです。

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

とhtmlがある：上記の画像から

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

、私はコメントを期待-formatルールを適用しますが、それが適用されるのは、nowrap（それを通る線がある）で空白を切り替えるときだけです。私は最初のルールを適用することを期待していた。明らかに私のルールの理解は正しくありません。

出典

2016-05-03 JD.

cssプロパティwhite-space:nowrapは、他のCSS white-space:normal !importantで上書きされているため、あなたのページには適用されません。

異なる宣言を持つ2つの同じCSSがあり、1つの要素に対して1つあり、!importantと宣言されている場合、どのCSSが最初であっても、!importantで宣言されたCSSは機能しません。

出典

2016-05-03 18:10:40

ありがとうございますGaurav、しかし、それは私が期待したものです。私が見ているのは空白です：普通！重要なものは適用されていません。 white-spaceを切り替えるときだけ：nowrapはwhite-space：normal！importantを適用します。私は通常のルールが適用されていて、今は駄目ではないと思った。 –

nowrapプロパティのチェックを外す必要がありますか？ –

はい、そうです。 ng-repeatの下に別のDivを作成してルールを適用すると（white-space：normal）、期待どおりに動作します。しかし、ng-repeat（クラス項目付き）に関するルールがあれば、dev-toolsでwhiterap：normalルールを適用するためにnowrapのチェックを外さなければなりませんでした。 –

ここにルールが適用されていますか？

答えて

関連する問題