0

ブートストラップ (v 3.3.5) を使用するオープン ソース コントロール パネル テンプレートである AdminLTE (v 2.3.0) に基づいてサイトを作成しています。

Google Chrome (v 48.0.2564.97 m) でページを読み込み、ソースで開発者ツール (F12) を使用すると、コンテンツ フォルダーに less というサブフォルダーがあることに気付きました。

それは次のようなものです：

Content/
 ├──less/
 |   ├──...
 |   ├──table.less
 |   └──...

は"..."他のファイルを意味します。サーバーにこれらのファイルがなく
、この table.lessが問題を引き起こしています。

だから私はテストをしました。参照した js ファイルと css ファイルを 1 つずつ削除します。
bootstrap.css ファイルを追加すると、すべてのファイルを含むこのフォルダーが表示されることがわかりました。

今私の質問は次のとおりです。

  • なぜこれが起こったのですか？
  • どうすれば回避できますか？
  • cssファイルをより少ないファイルよりも優先させるにはどうすればよいですか？

PS: 3 番目の質問をしたのは、通常、いくつかのプロパティがオーバーロードされたときに、最後に追加される css ファイルが優先されるためです。しかし、私の場合、最後のファイルは site.css です。このファイルにはテーブルの定義が含まれていますが、ページを開くと、table.less のプロパティがファイルよりも優先され、これが問題を引き起こしています。

4

1 に答える 1

1

おそらく、bootstrap css ファイルの隣に、bootstrap.min.css.map または bootstrap.css.map という名前のファイルがあります。その機能は、css ファイルからの各ディレクティブについて、ブラウザーの開発者ツール セクションで元のソース ファイルと行番号を参照することです。そこにない場合、各 css ディレクティブの隣に常に bootstrap.css の 1 行目が表示されますが、これはあまり有益ではありません。このようにして、css を生成した実際のソース構造を確認できます。それはすべて仮想であり、ファイルが少ないほど存在しません。

于 2016-09-28T11:06:49.287 に答える