twitter-bootstrap - meteor: 複数のスタイルシートを使用する

Question

Twitter ブートストラップ css ファイルと app styl ファイルを含む流星プロジェクトがあります。ブートストラップCSSよりもスタイルを優先させるにはどうすればよいですか? つまり、両方のファイルに競合するタグがある可能性がありますが、ブートストラップ css をくまなく調べて削除する必要はありません。

ブートストラップ css を追加する前は、書式設定は好きなように見えました。ブートストラップ css を追加した後、フォーマットの一部がオフになりました。

Answer 1

!importantルールを使用すると、コードが台無しになり、保守が難しくなるため、ルールの使用はお勧めできません。

Meteor では、好きなだけスタイルシートを使用できますが、ロード順序を念頭に置いておく必要があります。

• アプリケーションのルートにある lib ディレクトリ内のファイルが最初にロードされます。
• main.* に一致するファイルは、他のすべての後にロードされます。
• サブディレクトリ内のファイルは親ディレクトリ内のファイルの前にロードされるため、最も深いサブディレクトリ内のファイルが最初にロードされ (lib の後)、ルート ディレクトリ内のファイルが最後にロードされます (main.* 以外)。
• ディレクトリ内では、ファイルはファイル名のアルファベット順にロードされます。

これらのルールは積み重ねられるため、たとえば lib 内では、ファイルは引き続きアルファベット順にロードされます。また、main.js という名前のファイルが複数ある場合は、サブディレクトリにあるファイルが先に読み込まれます。

詳細については、docs.meteor.comをご覧ください。

Answer 2

長期的に労力を節約するために、SASS を使用することを強くお勧めします!