2017-01-22 5 views
0

他のプロジェクトのインフラストラクチャになっているWebライブラリを構築しようとしています。
これらのプロジェクトでは、スクリプト、スタイル、その他のコンポーネントの一部をオーバーライドしますが、機能の一部は同じままでオーバーライドしないようにしてください。 私はすべてのファイルをすべてのプロジェクトにコピーしたくないですが、それらを梱包し、実稼働環境でファイルを展開することは問題ありません。プロジェクトのjavascripts/hmtl/css/etc ...ファイルを無効にする

これを行うには最高の/標準的な方法は何ですか?

答えて

0

これは、ブートストラップとファンデーションのような他のフレームワークで作業する方法です。 cssファイルをhtmlにロードする順序では、同じまたはより高い特異性の規則がある場合、後者が前者を上書きします。

だから、あなたの基本スタイルを作成し、オーバーライドをロードします。たとえば

<link rel="stylesheet" type="text/css" href="base.css"> 
<link rel="stylesheet" type="text/css" href="overrides.css"> 
+0

私は、開発者に彼が必要とするすべてのファイルを与えるための方法を探していますが、からそれらを隠すために同じ時間にしていたことを意味彼がそれらを無効にしたい場合を除いて、彼(配備まで)。彼が私の図書館を使用するのはとても簡単で、彼は自分が変えたくないものを見る必要はない。 – Idov

+0

ええ、あなたに必要な情報を入力できる空白のoverrides.cssといっぱいのbase.cssを与えてください。私の友人はかなりシンプルです。実際にCSSを「隠す」方法はありません。 –

0

.button{ 
 
    padding : 12px 6px !important; 
 
    color : #434343 !important; 
 
    margin : 1em 3em !important; 
 
    }

それは、ブラウザだけで、これらのプロパティを使用しなければならないことを介して、重要everywhre作品!すべての同じ名前のクラスで。これを他のCSSフレームワークで使用する場合は、ツアーCustomCssをブートストラップのCSSの下に置く必要があります。

別のソリューション

使用SASS以下

+1

彼はどこにでも!重要なことを使うべきではありません。読み込まれたCSSファイルやその特殊性の単純な順序で十分です。 !重要なのはあまりにもハッキーです –

+0

あなたの言った方法を助けない状況があります。たとえば、ブートストラップでは重要ではありません。重要な青い枠線の色を削除することはできませんでした。あなたがその要素をブートストラップするのを望まない別の状況では、ホバー:、フォーカス:または類似のものを色付けするときに色が変わります。間もなくあなたの要素idやクラスに与え、プロパティで使う!重要。 – Levon

関連する問題