0

私が構築してきたスタイルシートがあります。これは、合計で約 500 の宣言を持つ約 100 のルールです。別のルールを追加しても適用されません。ページをテストするときに Chrome で開発者ツールを開くと、要素にスタイルがリストされていません。この時点までの他のすべてのルールは、スタイルシート内に明らかな構文エラーがなく正常に機能します。

そういえば、私は NetBeans を使用していますが、これはエラーの兆候を示さず、ルールは通常どおり問題ありません。スペルミスの可能性を避けるために、NetBeans に規則を見つけて自動入力させます。

制限に関する調査は、私が制限の範囲内にあることを示唆していますが、テストのためだけに新しいスタイルシートを作成しました。以前に試した必要な宣言をすべて含むルールを追加すると、新しいスタイルシートが機能しました。これは元のスタイルシートと一緒でした。ただし、別のルールを追加すると機能しません。追加した元のルールのみが機能し、元のルールを完全に削除した場合を含め、他の追加ルールは機能しません。

私が作成したインライン スタイルは問題なく機能し、以前のルールへの変更は有効になります。問題が一貫して発生していないように見えるため、ここからどこに行くべきかわかりません。誰か提案はありますか?


編集

興味深い発見をしました。CSS をインポートする私の方法は、すべてのページで同様です。

<link rel="stylesheet" type="text/css" href="./primary.css">

同じ誤動作の結果で @import を試しました。ただし、PHP 経由でファイルをインクルードすると、すべてのルールが期待どおりに機能します。

<?php require_once('./primary.css'); ?>

これについて可能な説明はありますか?主な違いは、すべてのルールがファイルではなくページ上にあることです。つまり、問題はファイルの処理方法にあります。


編集2

FelipeAls からの提案に従って、問題のある領域を見つけるためにコードの大部分に大量のコメントを付け始めました。他の人がコメントアウトされたときに新しいルールが機能しました。しかし、ゆっくりとコードを再導入したため、そのような問題領域はなく、すべてのコードが利用可能になると、問題は存在しなくなりました。これにより、どこかに不正なコメント、空白のエラー、または改行があった可能性があると私は信じています。いずれにせよ、コードは想定どおりに機能します。

4

1 に答える 1