2017-05-05 27 views
0

私はCSSが<style type="text/css">としてページ内に埋め込まれており、私は<link href>を使ってCSSを参照しています。CSSの読み込みが正しくありません

<link>で指定されたCSSが<style type="text/css">の前に最初にロードされるようにするにはどうすればよいですか?

今のところ、ページ内に埋め込まれたCSSが優先され、スタイルの問題が発生します。下の画像に がある場合は、より前に優先するには.sanddbox dropdown-menuが必要です。私はlinkタグを使ってCSSファイルを読み込むとこれを得ることができます。 しかし、私はそれらをページに埋め込むようにします。ラインスタイルとスタイルブロックで

enter image description here

+0

は、あなたがそれらをロードするためにあなたのタグを入れて? –

+0

min.js(動的CSSインジェクションに関する情報を持っています)は、require( ".js")を使ってロードされます。そしてCSSはhtmlの中にあります。 – user2325247

+0

あなたのCSSの特異性を調べることは理にかなっていますか? CSSのロード順序は関係ありません。 – Snowmonkey

答えて

0

ページで常に超える任意の外部CSSファイルに乗るだろう。正しいことは、インラインCSSを削除することです。私はあなたがいくつかのresaon(それは多くがある)のためにそれをすることができないと仮定しています。それを克服する唯一の方法は、CSSファイルの属性の後ろに!importantを入れることです。

例:

div.test { 
    color: blue !important; 
} 
+0

外部CSSファイルには多くの属性があります。クラスのすべての属性に重要な要素を含める必要がありますか? – user2325247

+0

いいえ、 '!important'を使う必要はほとんどありません。セレクタを確認してください。 –

+0

セレクタはより具体的です。例:要素には 'sample dropdown'というクラスがあります。外部のCSSでは '.sample dropdown'があります。ブートストラップの 'dropdown'スタイルがページに埋め込まれています。したがって、 'bootstrap dropdown'の属性は' .sample dropdown'より優先されます。 – user2325247

関連する問題