WebStormの予期せぬトークン ""スペース

Question

私は今、JetBrains WebStormの使用を開始しました。予期しないトークンエラーで、次のスタイルのコードブロックにすべてフラグを立てています。

.container.\32 25\25 { 
    width: 100%; 
    max-width: 125%; 
    min-width: 100%; 
} 

いずれの場合も、予期しないトークンは同じ位置にあります。 \ 32と25 \ 25の間のスペース。

なぜこのようなことが起こるのか、誰にも分かりませんか？このコードは、すべてのブラウザでスムーズに動作します。

Answer 1

この場合の問題は、エラーではないエラーとしてものをフラグするWebStormのようです。あなたのソースサンプルのエスケープされた書式はまったく問題ありません。それは"225%"という名前のクラスを指します。 W3Cバリデータはエラーを返しません。ブラウザは必要に応じて応答します。 WebStormだけです。
Using character escapes in markup and CSSを参照してください。要するに

は、CSSを使用すると、代わりに.2の.\32を書き込むことによって、「2」で始まるクラス名を参照することができるように、16進形式の文字をエスケープする能力を持っています。
.2はどこにあっても常に数字0.2と解釈されるので、CSSの場合は.2と書くことはできません。理由は問いません。
.\32は、エスケープコードの区切り文字です。数字がそこで終わるので、次の数字はクラス名の実際の数字です。パーセント記号を示す\25までです。

次の文字が16進数の場合は、区切り文字のみが必要です。次の文字が例えば\の場合、スペースはまったく必要ありません。

あなたの問題を解決する方法があります。クラス定義全体に空白を入れたくない場合は、クラスが\32\32\35\25になり、セレクタ全体が.container.\32\32\35\25になります。

希望すると便利です。