特定のcssクラスは無視されます

Question

しばらくしてから、ロードされたスタイルシートで正しく定義されていても、CSSタグが無視され、マークアップ内に存在するクラスを正しく対象とします。誰もがこれを見て来て、誰が何が起こっているか説明することができますか？

あなたは問題を再現することはできますが、以下のことを考慮し、マークアップ/ SCSSから貼り付けません。

.test-footer { 
 
\t display: none; 
 
\t background: red !important; \t \t 
 
} 
 
\t 
 
.test-footer { 
 
\t display: none; 
 
}

<footer class="test-footer"></footer>

一番上のルールは何もしなかった（私は赤を追加重要！行がオーバーライドされていないことを確認するだけです）。そして何も変えずに、私は問題なしに名誉を与えられた第2の同じルールを追加しました。

私はこれを数回経験しました。それは、頻繁ではなく、私が気づいた昨年の間に、誤った判断をするときに探すべきもののリストです。

私はCoda 2を使用しており、OSX El Capitanを実行しているMacで作業しています。また、私はCodaのプラグインを使用してコンパイルしています。

この動作はブラウザ間で一貫しており、スタイルシートの他の部分を編集すると期待される結果が得られました。上で述べたように、私はチェックし、正しいCSSがすべてそこにあった - それの一部は単に無視された。

私のソリューションはうまくいかないので、なぜですか？それでは、問題は最初に起こるべきではないので、なぜそれが起こったのですか？

更新：

ルードHeldermanは、以下の提案のように私は、彼らが犯人かもしれないかどうかを確認するために、隠された文字を有効にしますが、私は何も見つかりませんでした。結局私はそれを嘘にしなければならなかった。結局のところ、「解決策」は魔法の虫だったのですが、むしろ問題があったとしても、私の問題は解決しました。質問は知的好奇心から多くのものとして尋ねられました。私は今質問を残しておきますが、それがいつ起こったのか、それが再び発生した場合、私は結果を更新すると考えています。

Answer 1

私が唯一のことは、スタイルシートに文法エラーがあり、すべて以降のルールが無視されることです。障害のあるルールに先行するルールは依然として有効です。

もう1つの可能性は、不可視文字（例：U+200B）が存在する可能性があります。テキストエディタで印刷できない文字が表示されるように設定してください。