2011-02-09 6 views
1

違いがありますか?見えない。最初は動作しません、2番目は動作します。 同じファイルです(他のファイルには触れません)。CSS:これらの2つの部分に違いはありますか?

CSS brain torment
私は/* */で最初の部分(第2は、Webブラウザで使用されます)、すべての作品にコメントが、私は第二部/* */とコメントしている場合(最初は、Webブラウザで使用する場合)、何も動作しません。

魔法ですか?

私は別のWebブラウザで試してみました。私はすべてのキャッシュを清掃するブラウザをリセットしていた。しかし...結果はありません。

バイナリ比較ができるユーティリティがいくつかありますか?そのようなプログラムの例を教えてください。

更新:お詫び申し上げますが、スクリーンショットはほとんど誤解を招きます。私はテストするときに部品のうちの1つだけを使用します(部品の1つは、テスト時に/* */とコメントされています)。

UPDATE 2:これを見て、のstyle.cssファイルのより完全な部分: more bigger part of the code
は今見て、私は元#itemsブロックにdisplay: noneを追加しました。 ウェブブラウザには何の影響もありません!(私はキャッシュについて私は言っていない、私は別のブラウザで試して、別のラップトップは、再設定し、Webブラウザのすべてのキャッシュをクリーニングしていた)。ただ、display: noneが追加されたことに気づく:私たちもdisplay: noneを書いていないよう
#items part only
すべては、前のように動作します。

今度は、次のことを試してみましょう:

additional #items part
それは働きます! (display: none作品)
なぜですか?

+2

どのようにブラウザが使用しているルールどの知っているのですか?彼らはまったく同じなので、技術的に後者は前者を上書きする必要がありますが、それはなぜ重要ですか? –

+2

私は、いくつかのプロパティを変更する2つのルール間のコードのような、より大きな問題があることを示唆しています。 – sevenseacat

+0

@Andy E:いいえ、私は同時にそれらの両方を使用しません:)私は謝ります、スクリーンショットは間違っています:)私はコードをテストするとき、私はこれらの2つの部分のうちの1つを使用します。 – Azat

答えて

3

問題は1つの神秘的なキャラクター(スクリーンショットの81行目)にありました。私は、コードエディタで[表示されない文字を表示]オプションを使用していないだけです。

CSS with invisible characters


私はこの文字を削除したとの問題が解決されました。私は実際にこの文字(ASCII 0x8( "バックスペース"))がここにどのように現れたかは分かりません。

この質問に回答し、さまざまな解決方法をアドバイスしたすべての人に感謝します。

UPD:私はテキストにMacBookの上で0x08の文字を置くことについて、関連する質問を作成しました:How can I put 0x08 ascii character using MacBook?

+2

見つけて良かったです。私は、この種の将来の質問のために、本当にテストページを提供すべきであることを指摘します。私は、ここの他の人々と一緒に、5分もかからずに問題のあなたの記述を見つけたかもしれません。 – thirtydot

+0

ええ、スクリーンショットのみを与えるという決断は私のせいでした。 – Azat

+0

誰もこのキャラクターがここにどのように現れるか知っていますか? (私はMacBookと「Coda」エディタを使用していますが、MacBookではAlt + 08を押しても機能しません)。どのように起こることができますか? – Azat

1

最初の部分がファイルの先頭にある場合: は、UTF-8 with BOMエンコードを使用している可能性があります。 エンコーディングをBOMまたはASCIIのないUTF-8に変更します。

BOMはファイルの先頭に3バイトを追加し、多くの古いプログラム\システムにはファイル内に「#♯#items」と表示されます。

+0

これはCSSファイルの始まりではありません。 – Azat