問題タブ [scss-lint]

次のようなセレクターを作成したい

#check_yt2{}、.bg_yt2{}、.border_yt2{}

#check_yk2{}、.bg_yk2{}、.border_yk2{}

…………

mixinの場合、コンソールから次のメッセージを受け取りました：

星半分の評価の問題 CSS で立ち往生。http://codepen.io/mrk1989/pen/mLeHJから参照します

スターを表示するための私のHtml構造はそのようなものです

私の場合、星は ul li タグの下にあり、css を変更して上記のリンクにあるすべての css 機能を取得する方法 (前のすべての星と現在の星をクリックするとオンになり、すべての星をホバーすると前と現在の開始がホバリングを表示するようになります)効果）。

これは、 https: //jsfiddle.net/ae0ypksv/を実行している jsfiddle リンクであり、 完全な機能を達成していません。

助けていただければ幸いです..!! ありがとう

以下のコードは、以下で説明するようにcssを生成しているWebアプリケーションの1つで見つかりました。インクルードは一種の関数呼び出しであることを認識しているため、このインクルードがどのように機能するかを理解できませんが、{}をいくつか見ることができました中のコード。

サスコード

css 生成コード

更新: Angular では DOM を操作できないことを読みました。その場合、何をすべきか、ベストプラクティスは何ですか? タイムアウト、NgZone、ChangeDetectionStrategy.OnPush、ChangeDetectorRef detectChanges() をすべて使用してみましたが、すべて成功しませんでした。

私はhtmlのimg要素を持っています:

およびいくつかのsccs :

これが読み込まれると、選択したクラスが適用され、期待どおりに画像が灰色になります。

ただし、次のtypescrptを実行すると、画像はグレーのままになります。

className をログに記録すると、選択されたものが前にあり、後に削除されたことが示されます。

className を削除してもスタイルが反映されない理由はありますか?

ソースコードを見ると、DOM の更新ではなく、imgEl.classList が変更されています。なぜなのかご存知ですか？

ありがとう

アップデート：

奇妙なことに、DOM の className を手動で (たとえば、Firebug で) 変更すると、変更が反映されます。ただし、画像をクリックするとすぐに、元の値に更新されます。あたかもDOMがリフレッシュされているかのようです。

この場合、DOM を動的に更新するにはどうすればよいでしょうか? DOM の更新はすべての変更を上書きするだけだからです。

HTML

タイプスクリプト

一部の SCSS をリファクタリングしていますが、SCSS ファイルで BEM 構文を使用するとネストの問題が発生します。

私の lint ルールでは、3 レベルを超えるネストは使用できないと規定されています。

ただし、SCSS ファイルの修飾子セレクター内の要素をターゲットにしたい場合があります。

これが私のアプローチです：

これは私がそれを回避する唯一の論理的な方法です：

修飾子のクラス名を繰り返すのは好きではないので、私はこのアプローチのファンではありません。

これに対するより良い解決策はありますか？

私の SCSS リンター ( ) は現在、 CSS セレクター.scss-lint.ymlを受け入れるように設定されています。hyphenated_lowercase

最近、使用しているいくつかの外部ウィジェットを追加しましたsnake_case。SCSS ファイル内でもそれらをターゲットにする必要があります。最良の解決策は、おそらくスネーク ケースとハイフン付きの両方を小文字で受け入れることです。どうすればそれを達成できますか？

これらの非準拠ルールを含むファイルを除外することもできることはわかっていますが、今のところは避けようとしています。

ブラウザで丸く見える丸い画像があります。ただし、apk をビルドして Android フォンで実行すると、画像が歪んでしまいます (幅が高さより大きくなります)。ラウンドを維持するにはどうすればよいですか?

Ionic 2を使用しています。

HTML:

SCSS:

scss-lint で小さな問題が発生しました。単純なファイルで実行しようとしていますが、 scss-lint.yml を変更した後でも、構成をロードしていません。

scss ファイル: _headlines.scss

scss-lint.yml

使用するコマンド ライン:

ファイル構造:

ColorKeyword は私の scss-lint.yml で false として定義されていますが、まだ誰かが何が起こっているのか知っていますか?